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 vote118 views3 answers
Php warning: php startup: unable to load dynamic library 'bz2'
Html
0 vote115 views2 answers
Regex float input
Html
15 votes103 views3 answers
How to add a link to an image in html
Html
26 votes98 views5 answers
How to change font colour in html
Html
0 vote130 views2 answers
Tailwind css product card
Html
0 vote109 views1 answer
Amazon type search box html css
Html
0 vote106 views1 answer
Passing parameters from C# to js fucntions
Html
0 vote102 views1 answer
Favicon specification
Html
1 vote104 views1 answer
Html template redirect page
Html
1 vote114 views1 answer
How to add the phtml using xml magento 2
Html