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 vote255 views1 answer
Json placeholder limit
Html
1 vote189 views1 answer
Abrir pdf con html
Html
0 vote199 views1 answer
How to remove dust from laptop
Html
55 votes218 views5 answers
Javascript limit input to 2 decimal places
Html
4 votes213 views1 answer
Input acepta solo imagnes
Html
0 vote223 views2 answers
Html make table columns same width
Html
0 vote173 views1 answer
Vue barcode
Html
0 vote187 views2 answers
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html>
Html
21 votes218 views5 answers
Latex link
Html
3 votes227 views1 answer
Ul attributes in html
Html