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>
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;
}
İlk yorumu siz yazın !..