Cách đặt danh sách giữa

Học cách sử dụng CSS để đặt danh sách giữa.

danh sách giữa

  • Cà phê
  • Trà
  • Cola

đặt danh sách HTML giữa

Bước 1 - Thêm HTML:

đặt <ul> phần tử bao bọc trong phần tử khung, ví dụ như <div>：

<div class="container">
  <ul class="myUL">
    <li>Cà phê</li>
    <li>Trà</li>
    <li>Cola</li>
  </ul>
</div>

Bước 2 - Thêm CSS:

đặt <div> thiết lập vị trí giữa của phần tử, và <ul> thay đổi hiển thị của inline-block。

hoặc, bạn có thể canh trái danh sách mục để có cái nhìn gọn gàng hơn:

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

Thử trực tiếp

Trang liên quan

Giáo trình:Đối lập CSS