JSFiddle - React, Tailwind, and code Playground

by Love Trivedi

HTML

<nav>
    <li>
      <a href="#">Nav1</a>
      <div class="sub_nav">
        <ul>
          <li><a href="#">SubNav1</a></li>
          <li><a href="#">SubNav2</a></li>
        </ul>
      </div>
    </li>
 </nav>


<div id="tabs">
   <ul>
      <li><a href="#tabs-1">Tab1</a></li>
      <li><a href="#tabs-2">Tab2</a></li>
   </ul>
   <div id="tabs-1">
       sjdhfjdshfjsdhf sdjfhsdjfhsdf jsdhfjsdhfj
   </div>
   <div id="tabs-2">
       jsahdjashdjahsd ajshdjahsdjas jashdjashdjhasjhdja
   </div>
</div>

CSS

.sub_nav{ 
   position: absolute;
   right: 0;
   top: 0;
   background: #eee;
   width: 200px;
   z-index: 99999
}