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 vote151 views1 answer
The __________ is the framed area on a display screen and each responsive web page needs to have a meta tag defined for this property.
Html
0 vote144 views2 answers
CAMBIAR COLOR AA UN ICON SGV EN HTML
Html
0 vote165 views1 answer
Alphanumeric input
Html
0 vote151 views1 answer
React router preventing assets from being served
Html
0 vote166 views1 answer
Webpack Hot replace module unsafe-inline
Html
1 vote168 views2 answers
How to move navlink to the right in bootstrap
Html
0 vote155 views2 answers
Font awesome css content not showing
Html
6 votes144 views1 answer
How to add a title picture in html
Html
0 vote139 views1 answer
Html acronym
Html
2 votes149 views2 answers
Background position in html
Html