ul li ile listeyi iki sütunda sıralama

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

 

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;

}

 



Etiketler: CSS

İlk yorumu siz yazın !..

  • Yorumunuz en az 30 karakter olmalıdır. (0)
Sitede Ara
  • Kredili Sistemde Ders Geçmek İçin Kaç Almalısınız?
    Benim 1sinifim ilk donem iyi gecti ikinci donem derslerden kaldim 2.yilimda mi kaldigim dersleri mi ver...
  • PHP Array | Dizi İçinde Tekrar Eden Elemanların Sayısını Alma
    Sen kralsın kardeşim :) 5 saattir bunu arıyordum...
  • Türkiye'de Hangi Burçtan Kaç Kişi Var?
    Çok güzel ve doğru ki muhtemelen akrep olduğum içindir. :)...
  • Jako Beslenme Diyeti - Afrika Gri Papağanı neler yer, hangi gıdalar zararlıdır
    harika bir çalışma teşekkürler...
  • Windows 7 ve Vista Tüm Dil Paketleri - SP1 SP2 RTM x86 32bit x64 64bit
    Teşekkürler çok yardımcı oldu ...
  • Genel İşletme 1. Dönem Vize Soruları
    soru 3 şıklarında yanlışlık vardır tüketim ve hizmet aynı kapasitede yer alıp ikisi de cevap kabul edil...
  • Türkiye Ekonomisi 1. ve 9. Üniteler Ders Notları
    çok iyi baya işime yaradı cidden...