Tailwind simle navbar"

<ul class="flex">
  <li class="mr-6">
    <a class="text-blue-500 hover:text-blue-800" href="#">Active</a>
  </li>
  <li class="mr-6">
    <a class="text-blue-500 hover:text-blue-800" href="#">Link</a>
  </li>
  <li class="mr-6">
    <a class="text-blue-500 hover:text-blue-800" href="#">Link</a>
  </li>
  <li class="mr-6">
    <a class="text-gray-400 cursor-not-allowed" href="#">Disabled</a>
  </li>
</ul>

Source: v1.tailwindcss.com

Similar codes

0 vote350 views1 answer
Understanding 'space' in css selector
CSS
0 vote341 views1 answer
Background single line property css
CSS
32 votes323 views2 answers
Git stop merge
CSS
32 votes384 views6 answers
Alert bootstrap
CSS Bootstrap
0 vote358 views1 answer
Css remove link border on click
CSS
-1 vote387 views1 answer
Option tag center
CSS
8 votes400 views6 answers
Aos animation
CSS
68 votes336 views6 answers
Add css file in html
CSS
6 votes342 views2 answers
You have a flexbox container with items set in a row. You want the items to be displayed in the opposite order in which they appear currently. Which code do you use?
CSS
0 vote310 views1 answer
All pseudo elements css
CSS