Cara menengahkan daftar

Belajar cara mengatur daftar di tengah menggunakan CSS.

atur daftar HTML di tengah

Langkah pertama - Tambahkan HTML:

atur <ul> elemen diselenggarakan dalam elemen kontainer, seperti <div>:

<div class="container">
  <ul class="myUL">
    <li>Kopi</li>
    <li>Teh</li>
    <li>Cola</li>
  </ul>
</div>

Langkah kedua - Tambahkan CSS:

atur <div> elemen diatur di tengah, dan <ul> ubah tampilan menjadi inline-block。

atau, Anda dapat menarik kiri item daftar untuk mendapatkan tampilan yang rapih:

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

Coba sendiri

Halaman yang berhubungan

Panduan:Penarikan CSS