Ul Li ile listeyi iki sütunda sıralama
16.02.2010 17:02 — AÅŸağıdaki koları kullanarak uzayıp giden ul ol listinizi ikiye yada geliÅŸtirerek daha fazla sütuna bölebilirsiniz.
<ul>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
</ul>
- abc
- abc
- abc
- abc
- abc
- abc
- abc
- abc
Alttaki css stil kodlarıyla yukarıdaki listeyi 2 sütun yapabilirsiniz.
ul {
width: 50%;
float: left; padding-left: 0;
margin-left: 0;
}
li {
float: left;
width: 50%;
}
li:nth-child(odd) {
clear: left;
}
li {
float: left;
width: 50%;
}
li.first_col {
clear: left;
}
