Quote:
Originally Posted by Voodoo
Pure CSS:
Code:
<ul style="float: left; width: 21em; margin: 20px 0 1em 0; padding: 0; list-style: none; font-size: 1em; line-height: 1.3em;">
<li style="float: left; width: 7em; margin: 0; padding: 0; list-style: none;">Cake</li>
<li style="float: left; width: 7em; margin: 0; padding: 0; list-style: none;">Pie</li>
<li style="float: left; width: 7em; margin: 0; padding: 0; list-style: none;">Cookies</li>
<li style="float: left; width: 7em; margin: 0; padding: 0; list-style: none;">Candy</li>
<li style="float: left; width: 7em; margin: 0; padding: 0; list-style: none;">Pudding</li>
<li style="float: left; width: 7em; margin: 0; padding: 0; list-style: none;">Ice Cream</li>
<li style="float: left; width: 7em; margin: 0; padding: 0; list-style: none;">Chocolate</li>
<li style="float: left; width: 7em; margin: 0; padding: 0; list-style: none;">Vanilla</li>
<li style="float: left; width: 7em; margin: 0; padding: 0; list-style: none;">Cherry</li>
</ul>
|
This is essentially the same thing me and JD went over last night, and is what I have decided to settle on for the moment. While it sorts into rows and not columns, it will still do, because everything else is far to complicated for my code-illiterate ass...
