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

2 votes129 views2 answers
How to add space between buttons
Html
3 votes140 views2 answers
Input width autosize
Html
0 vote149 views1 answer
Flexbox afbeeldingen
Html
0 vote133 views2 answers
Free html signature template
Html
101 votes145 views6 answers
Adding images to html
Html
13 votes142 views2 answers
Select option html
Html
0 vote150 views1 answer
Amazon type search box html css
Html
11 votes132 views5 answers
Ngstyle
Html
-1 vote136 views1 answer
Add link to image html open new window
Html
2 votes138 views1 answer
How to install font-aweseome usin npm
Html