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 vote134 views1 answer
How to display the first frame of the video element in html
Html
0 vote202 views2 answers
Html starting tag
Html
0 vote146 views1 answer
Javascript moving text from left to right
Html
0 vote145 views1 answer
Html skype
Html
26 votes157 views3 answers
Bootstrap 4 success alert
Html
44 votes142 views3 answers
Browser favicon html
Html
0 vote162 views1 answer
Js lib alert
Html
0 vote159 views1 answer
Html input with icon right
Html
1 vote156 views1 answer
Input onchange continuously
Html
1 vote139 views1 answer
How to get the name of a html balise and pass it in onPress
Html