JSFiddle - React, Tailwind, and code Playground

by Ivin Raj S

HTML

<body>

    <ul class="list">
      <li><a href="##" class="link">BANK INDIA</a></li>
      <li><a href="##" class="link">APPLY FOR CREDIT CARDS</a></li>
      <li><a href="##" class="link">ABOUT US</a></li>
      <li><a href="##" class="link">CONTACT US</a></li>
    </ul>

  </body>

CSS

.list  {
        list-style-type: none;
        background-color:purple;
      }
      .list li {
        float: left;
        margin: 5px;
          background-color:gray;
      }
      .link{
        font-color:white;
      }