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

25 votes297 views4 answers
Remove underline html
Html
-2 votes300 views2 answers
How to highlight any text in html and css
Html
0 vote327 views3 answers
How to prevent cross site scripting to redirect you to another web page
Html
-1 vote286 views2 answers
Import api vue and html
Html
18 votes293 views3 answers
Html template start
Html
0 vote279 views1 answer
How to remove dust from laptop
Html
0 vote295 views1 answer
Webpack Hot replace module unsafe-inline
Html
2 votes286 views1 answer
Access particular array index in html template django
Html
3 votes313 views3 answers
How to get text from select tag in javascript
Html
0 vote269 views1 answer
How link back to home page html without index
Html