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 vote242 views1 answer
Using new line(\n) in string and rendering the same in HTML
Html
0 vote231 views1 answer
Postgres default port
Html
0 vote230 views2 answers
Html beginform asp.net mvc add id
Html
0 vote216 views1 answer
How to add square root symbol in HTML Web page
Html
32 votes233 views10 answers
Translate
Html
1 vote236 views5 answers
Html quote code
Html
0 vote232 views1 answer
Asp.net get innerhtml of div
Html
1 vote220 views1 answer
Twig keys
Html
1 vote225 views1 answer
How to run html file in ubuntu
Html
0 vote227 views1 answer
How to redirect to gmail with a tag html
Html