From the course: Tailwind CSS Essential Training

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

List styles

List styles - CSS Tutorial

From the course: Tailwind CSS Essential Training

Start my 1-month free trial

List styles

- [Instructor] By default, lists in Tailwind are shown without bullet points or numbers, and also without any indenting whatsoever. So there are styles that allow you to control those parameters and pretty much insert them back if you need them. So, first is list style type. The options here are to use either none, which is the reset, and then either a disc or decimal. So this is what would normally display if you make a list in HTML and CSS. It displays it without there having bullet points or numbers, depending on whether they are unordered lists or ordered lists. And none of those will appear in Tailwind, so you have to manually insert them or manually add these classes into your bullet points if you want them to behave in that fashion. So here, for example, I created this unordered list and if I didn't include this list-disc, it would just not show any of those bullet points at all, even though this is actually an…

Contents