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

59 votes173 views2 answers
Html round border
Html
21 votes176 views5 answers
Linear gradient with image
Html
0 vote170 views1 answer
Page html vierge
Html
1 vote222 views1 answer
Wrap the last word of a paragraph in span tags using jQuery
Html
0 vote171 views1 answer
Rounded borders svg
Html
16 votes167 views4 answers
File download button html
Html
26 votes144 views3 answers
Array in c
Html
22 votes166 views4 answers
Run a function when a button has the onclick
Html
0 vote201 views2 answers
Subscript in html
Html
0 vote168 views1 answer
How to make a scrollable list in html
Html