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 votes152 views1 answer
Icon for about us font awesome
Html
0 vote157 views1 answer
Jqery each from string html
Html
0 vote170 views1 answer
How to add background video in html
Html
51 votes174 views10 answers
Html
Html
2 votes165 views2 answers
Css image as button
Html
0 vote153 views2 answers
How to write h1 tag in html
Html
1 vote166 views3 answers
Form mobile number validation
Html
0 vote176 views1 answer
Html ecrire en gras
Html
1 vote148 views4 answers
Semantic ui
Html
15 votes179 views5 answers
Accordion bootstrap
Html