JSFiddle - React, Tailwind, and code Playground

by ruslyrossi

HTML

<li><a href="">Home</a></li>
<li><a href="">About</a>
  <div class="floating">
    Hello world
  </div>
</li>
<li><a href="">Contact</a></li>

SCSS

li { 
  float: left;
  list-style: none;
  
  a {
    display: block;
    background-color: #ddd;
    border: 1px solid #000;
    padding: 10px;
  }
  
  .floating {
    width
  }
}