JSFiddle - React, Tailwind, and code Playground

by Kenneth Stoddard

HTML

<nav>
  <a>Nav Item 1</a>
  <a>Nav Item 2</a>
  <a>Nav Item 3</a>
</nav>

CSS

a {
  /* for looks */
  background-color: #e1e1e1;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  
  /* Comment "float: left" out to test. Once the float is removed, neither
   * the height or width have any effect on the anchor because its default
   * display is inline.
   */
  height: 30px;
  float: left;
  width: 100px;
}