JSFiddle - React, Tailwind, and code Playground

by Salmin Skenderovic

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis suscipit tempore, ea quae asperiores, pariatur reiciendis odio neque fugit, assumenda nostrum nulla repudiandae maiores earum porro aspernatur eum facere veritatis.</p>
<div id="container">
  
  <ul id="nav">
    <li>a</li>
    <li>a</li>
    <li>a</li>
  </ul>
  
</div>

CSS

#container {
  border: 1px solid red;
  height: 60px;
  width: 100%;
}

#container:before {
  content: 'container';
}

#nav li {
  float: left;
  width: 50px;
}