JSFiddle - React, Tailwind, and code Playground

by sarfarazdesigner

HTML

<body class="frontend">
<div class="header container">
      <div class="logo muted pull-left"><a href="/"><img src="/assets/logo-030da2229b2dd6ec99331f148dc1029b.png" alt="Logo"></a></div>
         
      <div id="main-menu" class="top-menu pull-right  home-menu">
<ul class="nav">
    <li><a href="/features">Features</a></li>
    <li><a href="/plans">Pricing</a></li>
    <li><a href="/demo">Demo</a></li>
    <li><a href="/about">About Us</a></li>
    <li><a class="btn btn-success pull-right login-btn" href="/users/sign_in">Sign-in</a></li>
</ul>
  </div><!-- /.navbar -->
</div>
</body>

CSS

@import url('http://www.inboundio.com/assets/website-a0aa6cc8cb82ff48f75aa3c53cdb607e.css');

.frontend .nav li a.btn{margin-top:0!important;}
.frontend .nav li{line-height: 30px!important;}