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 vote175 views1 answer
Ordered list html mdn
Html
0 vote156 views1 answer
Html content editable no newline
Html
0 vote180 views2 answers
Nav bar activate in jinja
Html
1 vote155 views3 answers
Font awesome css content not working
Html
0 vote232 views1 answer
Font myriad pro html
Html
25 votes184 views6 answers
Bootstrap nav bar
Html
0 vote165 views1 answer
Html5 snippet
Html
1 vote168 views2 answers
Meta og:image
Html
1 vote150 views1 answer
Hotlink html
Html
3 votes153 views2 answers
Owlcarousel
Html