Columns

You know when you want to divide your page into columns, and your heart tells you to use a table and be done with it, but your conscience says no, you shouldn't abuse tables, so you start looking on the web and you end up here. Well, what can I say. Welcome!

The list

Suppose you have a list of items and description for those items. Then a list would be ideal.

One item
Explanation about the item
Other item
Explanation about the other item
Yet another item
Explanation about the yet other item
Last item
Explanation about the last item

Floating divs

Lorem whatever. leftem

This is some p in the left div

Lorem whatever. rightum

The multicol

This is the multicol element. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

The CSS

This is the multicol element. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

The classy way, test 1

zw col 1. One line.
zw col 2.
three
lines.
zw col 3
two lines

The classy way, test 2

zw col 1. One line.
zw col 2.
two lines.
zw col 3
three
lines

The classy way, test 3

zw col 1.
three
lines.
zw col 2. One line.
zw col 3
two lines

The classy way, test 4

zw col 1.
two lines.
zw col 2. One line.
zw col 3
three
lines

The classy way, test 5

zw col 1.
three
lines.
zw col 2
two lines
zw col 3. One line.

The classy way, test 6

zw col 1.
two lines.
zw col 2
three
lines
zw col 3. One line.