groups

name language licence
FTG-7-Attachment HTML Other
Calculator HTML Other
Accept 2 HTML Other
Floating Text Box A (put in html sidebar) JavaScript Other
CSS ToolTip - HTML HTML Other
3 column layout - margin style HTML Other
Gallery4 CSS Other
FTG-6-RadioButton HTML Other

< 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 >



language: HTML
licence: Other

3 column layout - margin style

options: view full snippet • send to code collector 
<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>
(Continues...)