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 vote318 views4 answers
Select2 make previously selected options non deletable
Html
0 vote293 views1 answer
Youtube embed generator responsive
Html
1 vote292 views1 answer
Twig keys
Html
3 votes383 views3 answers
Sms link
Html
29 votes282 views2 answers
How to do a line break in html
Html
2 votes320 views1 answer
Html ß
Html
0 vote325 views2 answers
Make element be positioned behind its parent, but in front of its grandparent
Html
2 votes294 views2 answers
Svg img tag not showing
Html
0 vote302 views1 answer
Bootstrap 2 rows menu
Html
0 vote289 views1 answer
Image background drawable android studio
Html