Để tạo khoảng cách giữa dấu đầu dòng (bullet) và văn bản trong HTML, hãy dùng thuộc tính CSS padding. Đệm trái padding-left được thêm vào mục danh sách <li> của thẻ <ul>. Nhờ đó, khoảng đệm được thêm vào, tạo khoảng cách giữa bullet và văn bản.
Ví dụ 1: Danh sách không có khoảng cách
<!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ụ 2: Thêm khoảng cách với padding-left
<!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>