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

0 vote186 views1 answer
Bootstrap dl
Html
0 vote264 views1 answer
Spacing between html elements
Html
0 vote220 views2 answers
Create an html5 video player from scratch
Html
16 votes194 views3 answers
Href email in html
Html
-1 vote199 views2 answers
Email pattern in html input angular
Html
2 votes187 views1 answer
Number dropdown html
Html
5 votes208 views1 answer
How to host your html website on github pages for free
Html
0 vote178 views1 answer
How to put an image in the top right corner html
Html
0 vote188 views1 answer
Html add vertical space below
Html
0 vote194 views1 answer
Customize the names of downloadable files
Html