May 2022
Intermediate to advanced
104 pages
2h 24m
English
Tailwind includes two sets of classes to manage <li> tags. The first is the style of the list: you’ve got list-disc (bulleted), list-decimal (numbered), and list-none. You can also choose whether the bullet or number is inside or outside the text box with list-inside and list-outside.
The special modifier marker: lets you apply a style to the bullet or number in a list. Likely you’d use this for color (marker:text-blue-300) or size (marker:text-2xl). A nice thing about the marker modifier is that it can be inherited: you can apply it to the ul or ol tag and it will automatically cover the included li tags.
Read now
Unlock full access