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 vote176 views1 answer
Html Contenteditable attribute
Html
3 votes181 views2 answers
Kommentar html
Html
13 votes202 views3 answers
Button center bootstrap
Html
1 vote186 views4 answers
How to stop screen rotation in android code
Html
0 vote186 views1 answer
What is ul stands for in html
Html
29 votes154 views1 answer
How to make the dashed border with longer dashes css
Html
0 vote129 views1 answer
Input-group-addon prepend
Html
0 vote195 views1 answer
Fevicon
Html
7 votes188 views1 answer
Img on click html
Html
0 vote170 views1 answer
Python regex in html
Html