Realizzare 3 colonne con il tag

On 08.09.09, In css, css, guide per il web, tutorials, by

CODICE HTML

 
<ul>
<li class="col1">Eggs</li>
<li class="col1">Ham</li>
<li>
</li>
<li class="col2 top">Bread</li>
<li>
</li>
<li class="col2">Butter</li>
<li>
</li>
<li class="col3 top">Flour</li>
<li>
</li>
<li class="col3">Cream</li>
</ul>
 

CODICE CSS

 
ul {list-style:none;}
li {line-height:1.3em;}
.col2 {margin-left:100px;}
.col3 {margin-left:200px;}
.top {margin-top:-2.6em;} /* the clincher */