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

10 votes199 views2 answers
Iframe border none
Html
3 votes189 views3 answers
Add icon to website tab
Html
1 vote236 views1 answer
Redux sagas
Html
2 votes202 views2 answers
Rick astley never gonna give you up
Html
9 votes234 views4 answers
Twig foreach key value
Html
1 vote192 views1 answer
How to put custom tab name in html
Html
1 vote229 views1 answer
Html title popup
Html
0 vote227 views1 answer
Best free html video player
Html
0 vote234 views1 answer
Internal link css
Html
0 vote271 views1 answer
Html fax
Html