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 vote163 views1 answer
Loading screen svg and css animation
Html
0 vote174 views1 answer
How to get a variable from php to javascript
Html
186 votes255 views6 answers
Open new tab href
Html
0 vote215 views1 answer
Abbr
Html
0 vote156 views1 answer
Static html template
Html
0 vote159 views1 answer
A tag displays below img tag
Html
4 votes140 views1 answer
Html autocomplete dropdown list
Html
4 votes159 views1 answer
Bootsrap label
Html
2 votes146 views1 answer
Faire un footer avec bootstrap
Html
0 vote148 views4 answers
If the page is opened so count and put it to the value of hidden input
Html