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 vote203 views1 answer
Bootstrap dl
Html
2 votes210 views2 answers
Css image as button
Html
6 votes218 views3 answers
Bootstrap 5 horizontal rule
Html
2 votes223 views1 answer
Background body html
Html
0 vote207 views1 answer
How to open files as super user ubuntu
Html
2 votes227 views3 answers
Tabs characters in html
Html
1 vote232 views2 answers
Get image from theme folder wordpress
Html
202 votes239 views6 answers
Html space code
Html
0 vote201 views1 answer
Host images for free html
Html
1 vote201 views1 answer
Html preselected radio button
Html