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

1 vote128 views1 answer
HTML started template for bootstrap
Html
7 votes143 views2 answers
Html initial scale
Html
1 vote150 views2 answers
Owl carousel get started
Html
0 vote118 views1 answer
Page break html
Html
0 vote123 views1 answer
How to block futer date input
Html
0 vote131 views1 answer
Html how to change button text
Html
13 votes134 views5 answers
Bootstrap checkbox inline
Html
0 vote119 views1 answer
Ggo
Html
5 votes142 views2 answers
How to disable image dragging in html
Html
0 vote146 views1 answer
Tailwind flex shrink
Html