Discussion on:

3
Comments

Join the conversation!

Follow via:
RSS
Email Alert
1 Vote
+ -
Nested lists
sasa.bogdanovic@... Updated - 7th Dec 2007
Another option, the neatest one and most correct semantically, is to use nested lists, where each column would be a list item in an inline list, each containing a list of items.

The markup and a simple style would be something like:

<style>
ul { float: left; list-style: none; }
ul li {display: inline; }
ul li ul li { display:block; }
</style>
<ul>
 <li>
  <ul>
   <li>Item one</li>
   <li>Item two</li>
   <li>Item three</li>
  </ul>
 </li>
 <li>
  <ul>
   <li>Item four</li>
   <li>Item five</li>
   <li>Item six</li>
  </ul>
 </li>
 <li>
  <ul>
   <li>Item seven</li>
   <li>Item eight</li>
   <li>Item nine</li>
  </ul>
 </li>
</ul>

Of course, the same applies to ordered lists.
-1 Votes
+ -
You show no visual example of the things you do here.
What the ****?
Are you braindead?
0 Votes
+ -
You can also create multi column lists using display:inline for li.

li {
width:180px;
margin:15px 0 0 0;
padding:0 10px 0 0;
line-height:15px;
float:left;
display:inline;
}
Keyboard Shortcuts:
Prev
Next
Toggle
Join the conversation
Formatting +
BB Codes - Note: HTML is not supported in forums
  • [b] Bold [/b]
  • [i] Italic [/i]
  • [u] Underline [/u]
  • [s] Strikethrough [/s]
  • [q] "Quote" [/q]
  • [ol][*] 1. Ordered List [/ol]
  • [ul][*] · Unordered List [/ul]
  • [pre] Preformat [/pre]
  • [quote] "Blockquote" [/quote]

Join the TechRepublic Community and join the conversation! Signing-up is free and quick, Do it now, we want to hear your opinion.