Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Đặt dấu mục bên ngoài hộp chứa bullet points với CSS


Để đặt dấu mục bên ngoài hộp chứa bullet points, hãy sử dụng thuộc tính list-style-position với giá trị outside.

Ví dụ

Giá trị outside có nghĩa là nếu văn bản xuống dòng thứ hai, văn bản sẽ được căn chỉnh với bắt đầu của dòng đầu tiên.

<html>    <head>    </head>    <body>       <ul style = "list-style-type:circle; list-style-position:outside;">          <li>Toán</li>          <li>Khoa học xã hội</li>          <li>Vật lý</li>       </ul>       <ol style = "list-style-type:decimal;list-style-position:outside;">          <li>Toán</li>          <li>Khoa học xã hội</li>          <li>Vật lý</li>       </ol>    </body> </html>