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 vote124 views4 answers
Dropdown bootstrap
Html
0 vote115 views1 answer
React connect
Html
0 vote321 views2 answers
Html cite
Html
0 vote127 views2 answers
Table align
Html
0 vote129 views1 answer
Travel blog “guest post”
Html
62 votes139 views1 answer
Create form in html
Html
0 vote122 views2 answers
How to change hidden on html
Html
0 vote131 views1 answer
Iframe - Full Screen - HTML
Html
3 votes124 views2 answers
Input width autosize
Html
0 vote127 views1 answer
Hand cursor not showing in anchor tag when hover html
Html