Computer >> Máy Tính >  >> Lập trình >> HTML

Làm cách nào để tạo khoảng cách giữa các dấu đầu dòng danh sách và văn bản trong HTML?


Để tạo khoảng cách giữa dấu đầu dòng danh sách và văn bản trong HTML, hãy sử dụng thuộc tính đệm CSS. Phần đệm bên trái padding-left sẽ được thêm vào mục danh sách thẻ

    , tức là thẻ
  • . Thông qua đó, phần đệm được thêm vào, sẽ tạo khoảng cách giữa các dấu đầu dòng danh sách và văn bản trong HTML.
    Làm cách nào để tạo khoảng cách giữa các dấu đầu dòng danh sách và văn bản trong HTML?

    Ví dụ

    Chúng tôi có danh sách không có thứ tự sau với dấu đầu dòng đĩa

    <!DOCTYPE html>
    <html>
       <head>
          <title>HTML List</title>
       </head>
       <body>
          <h1>Developed Countries</h1>
          <p>The list of developed countries:</p>
          <ul style="list-style-type:disc">
             <li>US</li>
             <li>Australia</li>
             <li>New Zealand</li>
          </ul>
       </body>
    </html>

    Ví dụ

    Bạn có thể thử chạy đoạn mã sau để thêm khoảng cách giữa các dấu đầu dòng danh sách và văn bản trong HTML. Chúng tôi đang sử dụng cùng một đoạn mã ở trên và sẽ thêm phần đệm bên trái vào nó để tạo khoảng cách

    <!DOCTYPE html>
    <html>
       <head>
          <title>HTML Lists</title>
       </head>
       <body>
          <h1>Developed Countries</h1>
          <p>The list of developed countries:</p>
          <ul style="list-style-type:disc">
             <li style="padding-left:1em">US</li>
             <li>Australia</li>
             <li>New Zealand</li>
          </ul>
       </body>
    </html>