4 Column Layout - float style

Send Snippet To: Save this snippet to Code Collector Pro -- view all seydoggy's snippets
language: HTML
license: Other

Code for Snippet:

                
<div class="column one">
	<h3>Column 1</h3>
	<p>This is column one, the first one, followed by 2, 3 and 4.
	Pretty cool eh?</p>
</div>
 
<div class="column two">
	<h3>Column 2</h3>
	<p>This is column two, the second one, followed by 3 and 4.
	Preceded by 1.</p>
	</div>
 
<div class="column three">
	<h3>Column 3</h3>
	<p>This is column three, the third one, followed by 4.
	Preceded by 1 and 2.</p>
</div>
 
<div class="column four">
	<h3>Column 4</h3>
	<p>This is column four, the fourth one, Preceded by 1, 2 and 3.
	Pretty cool, eh?</p>
</div>
comments powered by Disqus

Info

Tags: 4 four column layout HTML float style

Link to this snippet:


Download to Code Collector

To use the direct link to your snippet on CodeCollector.net either copy the html from the above section or drag the Download to Code Collector to where you would like to use it.

More Info:

Times Viewed: 750
Date Added: 2008-07-18 14:32:18
Last Modified: 0000-00-00 00:00:00

Web Analytics