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
  • İnstagram Şekilli Profil Yazıları Oluşturma
    – єℓєşтιямє вєηιвєğєη∂ιуѕєη тαк∂ιя єт…нσşυηα gιтмιуσямυуυм кαƒαηα тαкмα ѕιктιя єт…...
  • Rüya Soyut Mu Somut Mu?
    Bu bilgiler benim bilim insanı olma bilgilerimi geliştirdi ve ayrıca ben çocuğum,kızım ve hayalimde ki ...
  • XP ne demek? XP nin anlamı nedir ?
    Roma dönemi konstantinin yaptığı simgeyi merak edip geldim ????...
  • Yeni başlayanlara En iyi 10 Kore dizisi
    Güzel liste. İlgimi çeken diziler oldu. Kill me heal me ve boys over flowers da olabilirmiş listede. ...
  • medal of honor spearhead kurulum hatası...
    iyiymiş ama birazı eksik olmuş bu...
  • Sevimli Komik ve İlginç Kedi Resimleri
    aaaaaaaaaaaaa çok şirinlerrrrr...
  • 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 ç...