JSFiddle - React, Tailwind, and code Playground

by rizwanabbasi

HTML

<div class="topbar">
<div class="navbar ">
     <div class="container">

    <a href="#" id="logo"> <img src="logo.png" alt="logo" width="258" height="130" /></a>

    <ul class="nav">                    
          <li><a href="#">Home</a></li>
          <li class="divider-vertical"></li>
          <li><a href="#about">Download</a></li>
          <li class="divider-vertical"></li>
          <li><a href="#contact">F.A.Q.</a></li>
          <li class="divider-vertical"></li>
          <li><a href="#contact">Support</a></li>        
        </ul>      
        </div>

    </div>

</div>

CSS

.nav
{
top:1px;
border-bottom: 3px solid #c893c7;
padding-top:20px;
padding-bottom:16px;
    position:absolute;
    right:100px;
    
}