JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
  <ul>
      <li><a href="#1">One</a>
      <li><a href="#2">Two</a>
      <li><a href="#3">Three</a>
      <li><a href="#4">Four</a>
      <li><a href="#5">Five</a>
      <li><a href="#6">Six</a>

</nav>

CSS

nav ul {
    background: #ee0000;
}
nav li {
    display: inline-block;
    *display: inline; /* IE7 inline-block hack */
    *zoom: 1;
    padding: 8px 10px;
}
nav a {
    color: #e4e4e4;
}