Selected Content

Do You Want To Do That With CSS? - Multiple Column Lists [Registration never required for free content]

By: John Gallant, Holly Bergevin, on Monday, November 29, 2004
Reader Level: Reader Level


View this content piece...

Primary Category: CSSIt 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!

View this content piece...