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

2 votes330 views1 answer
Greta thunberg
Html
1 vote315 views2 answers
Superscript in html
Html
0 vote314 views1 answer
Youtube embed generator responsive
Html
0 vote312 views1 answer
Page break html
Html
28 votes312 views3 answers
Online html image editor
Html
3 votes329 views3 answers
Ion button outline
Html
1 vote304 views1 answer
Css class attribute
Html
1 vote321 views2 answers
Flask ico
Html
-2 votes322 views2 answers
$bodyBg: #030018; $purple: #292477; $green: #13693B; $magenta: #AD2266; $blue: #1a28b3; html { box-sizing: border-box; font-size: 100%; } *, *:before, *:after { box-sizing: inherit; } body { margin: 0;
Html
3 votes314 views1 answer
Embed string html angular
Html