list-style-position

Ví dụ

Ví dụ cơ bản

Sử dụng các tiện ích như list-inside và list-outside để kiểm soát vị trí của các dấu đầu dòng và thụt lề văn bản trong danh sách:

<ul class="list-inside">  <li>5 cups chopped Porcini mushrooms</li>  <!-- ... --></ul><ul class="list-outside">  <li>5 cups chopped Porcini mushrooms</li>  <!-- ... --></ul>

Responsive design

Prefix a list-style-position utility with a breakpoint variant like md: to only apply the utility at medium screen sizes and above:

<ul class="list-outside md:list-inside ...">  <!-- ... --></ul>

Learn more about using variants in the variants documentation.