CSS multiple column lists

This tutorial shows how to make a list display as multiple columns of list items, rather than as a single column or horizontal row.

This can be a big space saver in some page designs, while still retaining the vertical ordering of a list. Since tabled layouts always linearize as a series of rows, this new method gives us the ability to provide screen readers with a source order that runs down each column instead of across each row. Not everyone will need this technique, but those who must deal with accessibility will find it highly useful.

8/30/2006

3
  • Currently 4.33/5 Stars
  • 1
  • 2
  • 3
  • 4
  • 5

Go to CSS multiple column lists