3 column layout - margin style

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

Code for Snippet:

                
<div style="width: 30%; float: left;">
    <h2>Column 1</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin venenatis risus dictum mi. Etiam ullamcorper. Mauris justo. Fusce nibh quam, imperdiet at, nonummy a, gravida et, erat. Sed sit amet orci. Aliquam erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis turpis urna, eleifend ut, dictum a, sollicitudin nec, massa. Quisque sed dui. Ut nunc diam, faucibus sed, consectetuer at, rutrum at, elit. Nullam vestibulum urna vitae risus. Praesent nec mauris. Fusce gravida urna vitae elit. Phasellus porta lectus in lacus. Donec congue tristique mi.  </div>
 
  <div style="width: 30%; float: right;">
    <h2>Column 3</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin venenatis risus dictum mi. Etiam ullamcorper. Mauris justo. Fusce nibh quam, imperdiet at, nonummy a, gravida et, erat. Sed sit amet orci. Aliquam erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis turpis urna, eleifend ut, dictum a, sollicitudin nec, massa. Quisque sed dui. Ut nunc diam, faucibus sed, consectetuer at, rutrum at, elit. Nullam vestibulum urna vitae risus. Praesent nec mauris. Fusce gravida urna vitae elit. Phasellus porta lectus in lacus. Donec congue tristique mi.
  </div>
 
  <div style="margin: 0 35%;">
    <h2>Column 2</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin venenatis risus dictum mi. Etiam ullamcorper. Mauris justo. Fusce nibh quam, imperdiet at, nonummy a, gravida et, erat. Sed sit amet orci. Aliquam erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis turpis urna, eleifend ut, dictum a, sollicitudin nec, massa. Quisque sed dui. Ut nunc diam, faucibus sed, consectetuer at, rutrum at, elit. Nullam vestibulum urna vitae risus. Praesent nec mauris. Fusce gravida urna vitae elit. Phasellus porta lectus in lacus. Donec congue tristique mi.
  </div>
comments powered by Disqus

Info

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: 725
Date Added: 2009-01-09 18:11:04
Last Modified: 0000-00-00 00:00:00

Web Analytics