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

1 vote105 views1 answer
Asp.net mvc razor html dows not exist in the current context
Html
1 vote101 views3 answers
Javascript vs java
Html
11 votes101 views1 answer
Html center button
Html
30 votes121 views5 answers
What is iframe html
Html
1 vote85 views1 answer
How to add google icons in html
Html
21 votes100 views1 answer
Resposnive tag
Html
35 votes97 views6 answers
Bold text in html
Html
4 votes57 views1 answer
Empty tag in html
Html
1 vote105 views1 answer
Slider is flashing when change background image
Html
0 vote101 views1 answer
How to make a button in html go to another address
Html