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 vote201 views3 answers
Angular read element from html by atribute name
Html
0 vote221 views1 answer
Disable right click on your webpage
Html
0 vote173 views1 answer
Bulma css buttons
Html
1 vote195 views1 answer
Java replace all html tags
Html
0 vote195 views1 answer
Inline code html
Html
0 vote175 views1 answer
Compile haml to html
Html
2 votes205 views1 answer
Pipes in angular 11
Html
0 vote192 views2 answers
Drupal 9 path to theme
Html
0 vote189 views1 answer
How to make clicking button send you down to a certain section of page html
Html
0 vote191 views1 answer
Insert html in html
Html