on Monday, November 29, 2004
It is generally well known that list items in an <ol> or <ul> will display vertically in their default presentation. For short lists, or navigation menus, this generally isn't considered a problem. But in other cases, having an extensive list display vertically isn't quite as desirable. It might be a better use of screen space to have that list appear as a series of columns, side by side. In the past, this was done by placing separate lists in individual table cells, or by floating the lists. Semantically it is more desirable not to break up a list this way, but is there another choice? Yes, there is! Join us as we explain a new CSS method that uses a single list while displaying that list as multiple columns. Let's go!