A display: inline-block; example

<ul>
 <li>List<br>Item</li>
 <li>List<br>Item</li>
 <li>List<br>Item</li>
</ul>

display: inline;

• List
  Item
• List
  Item
• List
  Item

display: block;

• List
  Item
• List
  Item
• List
  Item

display: inline-block;

• List
  Item
• List
  Item
• List
  Item

Internet Explorer doesn't apply display: inline-block; on default block level elements (like the LI here), so a fix fo that:

li { display: inline-block; }
li { _display: inline; }

Also, Gecko based browsers don't know about display: inline-block; (yet), so a fix for that:

li { display: table-cell; display: inline-table; display: inline-block; }

• List
  Item
• List
  Item
• List
  Item

Home - More stuff