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
  • Çiklet (Prenses) Balıklarındaki Ürkeklik ve Korkaklık
    Ben çok uzun süre sp, bp ile frenatus besledim hiç bir sorun yaşamadım. Çok uyumlulardı. Renk katıyor a...
  • Genel İşletme 1. Dönem Vize Soruları
    soru 3 yanlıs bence"...
  • CS 1.5 ve CS 1.6 İçin Sağlam Bir CFG (cengaver.cfg)
    bozuk bu cfg kullanmayın derim ...
  • Türkiye'de Hangi Burçtan Kaç Kişi Var?
    Akrep burcu olan var mı ben akrep burcu olarak hiç akrep burcu bulamıyorum....
  • Papağan Bakımı Banyo Yaptırma Yıkama
    pakistan pağına sirkeli su ile yıkanırmı...
  • Müzik Notaları İçin A4 Kağıda Porte Çıktısı Alma
    SEN NE KRAL ADAMSIN!! VALLA ÇOK SAĞOL...
  • GTA 5 Steam’da indirime girdi - En Ucuz GTA 5 Fiyatı
    ne yazim ilk yorum milk flen dediler geldim...