JSFiddle - React, Tailwind, and code Playground

by Konstantin Rouda

HTML

<ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">Products</a></li>
  <li><a href="#">Books</a></li>
  <li><a href="#">CDs</a></li>
</ul>

CSS

* {
  box-sizing: border-box;
}


UL {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 2px solid cornflowerblue;
}

LI {
  border-bottom: 2px solid firebrick;
}

A {
  padding: 1rem 2rem;
  background: rgba(170, 60, 60, .7);
}