Listeyi nasıl merkeze hizalayız

CSS ile liste nasıl merkeze hizalanır öğrendiğinizi öğrenin.

merkeze hizalanan liste

  • Kahve
  • Çay
  • Cola

HTML listesini merkeze hizalayın

İlk adım - HTML ekleyin:

ekleyin <ul> elemenleri, örneğin, konteyner elementi içinde sarın <div>：

<div class="container">
  <ul class="myUL">
    <li>Kahve</li>
    <li>Çay</li>
    <li>Cola</li>
  </ul>
</div>

İkinci adım - CSS ekleyin:

ekleyin <div> elemenleri merkeze hizalayın ve <ul> görünümünü değiştirin inline-block。

veya, listeyi daha düzgün bir görünüm için solda hizalayabilirsiniz:

div.container {
  text-align: center;
{}
ul.myUL {
  display: inline-block;
  text-align: left;
{}

Kişisel olarak deneyin

İlgili sayfalar

Eğitim:CSS hizalama