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 votes143 views3 answers
How to insert a banner in html
Html
3 votes125 views2 answers
How to align elements horizontally in css
Html
1 vote135 views1 answer
Ion-item margin
Html
269 votes304 views2 answers
Font awesome icons
Html
31 votes142 views6 answers
A tag html
Html
25 votes126 views6 answers
Bootstrap column vertical align
Html
0 vote124 views1 answer
Bootsrp
Html
1 vote131 views1 answer
Html faq
Html
7 votes118 views2 answers
Specifying file types in html file input
Html
2 votes134 views1 answer
Ternary vuejs
Html