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
  • Saç dökülmesinin nedenleri ve Ahmet Maranki Karışımı
    Saçlarım da dökülme var açılmalar da olmaya başladı doktora gittim testler yaptırdım ama hiçbir sorun ç...
  • CS 1.5 ve CS 1.6 İçin Sağlam Bir CFG (cengaver.cfg)
    güzel bir cfg tavsiye ediyorum...
  • Soyut Kavramlara Örnekler
    Abi somut yazsaydın da yine olmazdı. ...
  • Evcil Kuş Hastalıkları ve Tedavi Yöntemleri
    Merhaba, geçmiş olsun bu durumda kendi başınıza tedavi uygulamanız zor olsa da kırık çıkık için tıklayı...
  • Finansal Yönetim Ders Notları | 1-7
    gerçekten emeğinize sağlık çok güzel bir anlatım olmuş....
  • Yazımı Karıştırılan Sözcükler | TDK Yazım Kılavuzu | Doğru Kelime Klavuzu
    Atölye Fransızca'dan dilimize geçmiş bir isimdir. Fransızca atelier olarak yazılır. Evet atelye ...
  • Online Cetvel Sitesi
    Bu ayarları yaptıktan sonra elimdeki cetvelle test ettim gerçekten doğru gösteriyor. Ekrana tuttuğum ce...