Vinh Nguyen/TwoCol

So the basic premise here are two divs, which are structural HTML elements, that each have a specific class. Look at the edit screen to see the code.


Donec consectetuer ante eu erat. Aenean tristique cursus metus. Nunc bibendum ultrices libero. Nunc condimentum magna nec eros. Donec velit dolor, facilisis sed, volutpat nec, tempus ac, sapien. Donec sagittis nibh in sapien. Nam est ipsum, tincidunt non, commodo gravida, suscipit vitae, velit. Sed leo. Nullam posuere ornare ipsum. Ut tellus. Praesent sem lectus, rhoncus eget, ultrices laoreet, porta nec, urna. Cras vitae diam at tortor egestas tincidunt. Nulla mauris mi, rutrum eu, feugiat sed, condimentum ut, nibh. Quisque quis mauris. Donec consectetuer ante eu erat. Aenean tristique cursus metus. Nunc bibendum ultrices libero. Nunc condimentum magna nec eros. Donec velit dolor, facilisis sed, volutpat nec, tempus ac, sapien. Donec sagittis nibh in sapien. Nam est ipsum, tincidunt non, commodo gravida, suscipit vitae, velit. Sed leo. Nullam posuere ornare ipsum. Ut tellus. Praesent sem lectus, rhoncus eget, ultrices laoreet, porta nec, urna. Cras vitae diam at tortor egestas tincidunt. Nulla mauris mi, rutrum eu, feugiat sed, condimentum ut, nibh. Quisque quis mauris.

Vivamus posuere. Nullam id turpis ut libero adipiscing blandit. Nullam porttitor. Suspendisse potenti. In tristique sem non metus. Nullam aliquet. Sed sollicitudin quam sed mauris. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc metus urna, vestibulum quis, sagittis vitae, nonummy ac, nisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed luctus. Donec imperdiet, sapien ut ultrices volutpat, nibh augue sagittis nulla, vitae tempus tellus magna sed nunc. Pellentesque pretium tempus augue. Donec ante. Mauris quis diam.



By supplying the divs with those classes, you are applying predefined styles to the HTML and that is in turn affecting the layout.

It is important to note that these two classes are to be used in conjunction. If you were to use only one of the classes, the outcome wouldn't be very pretty.


Vivamus posuere. Nullam id turpis ut libero adipiscing blandit. Nullam porttitor. Suspendisse potenti. In tristique sem non metus. Nullam aliquet. Sed sollicitudin quam sed mauris. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc metus urna, vestibulum quis, sagittis vitae, nonummy ac, nisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed luctus. Donec imperdiet, sapien ut ultrices volutpat, nibh augue sagittis nulla, vitae tempus tellus magna sed nunc. Pellentesque pretium tempus augue. Donec ante. Mauris quis diam.



It's also helps to use the Clear template {{Clear}} after using various floats. Basically it won't hurt, it just tells AboutUs to make sure everything below it starts on a new line.

I've also defined a second set of classes for three columns. These are, respectively, oneofthree, twoofthree, and threeofthree. These, like above, are to be used in conjunction with three divs.


  • Mauris a arcu pulvinar neque sodales consequat.
  • Phasellus id nisi sed neque scelerisque malesuada.
  • Etiam eu libero ac mauris ornare ultricies.
  • Sed bibendum luctus ante.
  • Morbi ornare enim nec lorem.
  • Duis sagittis dignissim arcu.
  • Praesent pretium pede at pede.
  • Nulla adipiscing suscipit turpis.
  • Praesent faucibus odio ac eros.
  • Vestibulum id leo quis nibh viverra tempor.
  • Pellentesque suscipit placerat felis.
  • Curabitur adipiscing vulputate neque.
  • Mauris imperdiet mauris vitae urna.
  • Fusce tempor lectus a leo.
  • Duis ut mauris ac velit ornare mollis.
  • Pellentesque fringilla nisl ut nisi.
  • Nullam sagittis venenatis turpis.
  • Ut porta nisl quis sapien.


These classes work, but aren't fully tested in all environments/browsers. So use at your own discretion. --Vinh Nguyen



Retrieved from "http://aboutus.com/index.php?title=Vinh_Nguyen/TwoCol&oldid=14634272"