Tailwind CSS List group

<ul class="w-48 text-sm font-medium text-gray-900 bg-white rounded-lg border border-gray-200 dark:bg-gray-700 dark:border-gray-600 dark:text-white">
    <li class="py-2 px-4 w-full rounded-t-lg border-b border-gray-200 dark:border-gray-600">Profile</li>
    <li class="py-2 px-4 w-full border-b border-gray-200 dark:border-gray-600">Settings</li>
    <li class="py-2 px-4 w-full border-b border-gray-200 dark:border-gray-600">Messages</li>
    <li class="py-2 px-4 w-full rounded-b-lg">Download</li>
</ul>

Source: flowbite.com

Similar codes

7 votes182 views4 answers
Boilerplate code in html
Html
19 votes181 views1 answer
Bootstrap flex vertical align
Html
19 votes163 views2 answers
Html snake hr tag
Html
1 vote159 views1 answer
What is the code element in html
Html
6 votes169 views1 answer
<code> html tag
Html
12 votes171 views2 answers
How to center a div on teh screen
Html
111 votes152 views6 answers
How to add an image in html
Html
4 votes161 views3 answers
Bootstrap spinner
Html
295 votes271 views6 answers
Html import css
Html
3 votes182 views2 answers
Html form onsubmit
Html