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 vote115 views1 answer
Add html to page chrome extension
Html
1 vote105 views1 answer
Blue glow input boostrap 4
Html
0 vote137 views1 answer
Asunto email html5
Html
0 vote111 views1 answer
Prettier html formatting
Html
0 vote102 views1 answer
How to add square root symbol in HTML Web page
Html
52 votes112 views3 answers
Bootstrap hide row
Html
7 votes105 views4 answers
Html example
Html
1 vote127 views1 answer
Html bookmark spot
Html
2 votes114 views1 answer
M3u8 ffmpeg download
Html
2 votes111 views1 answer
Html inline style margin
Html