JSFiddle - React, Tailwind, and code Playground

by Ivin Raj S

HTML

<div id="wellwrapper">
  <div id="wellnum">
    <ul class="nav nav-tabs">
      <li class="active">
        <a href="#well">1</a>
      </li>
      <li>
        <a href="#well">1</a>
      </li>
      <li>
        <a href="#well">1</a>
      </li>
      <li>
        <a href="#well">1</a>
      </li>
      <li>
        <a href="#well">1</a>
      </li>
    </ul>
  </div>
  <div id="wells">Well</div>
</div>

CSS

ul {
  margin: 0;
  margin-right: 10px;
    
}
ul li {
  list-style: none;
  display: inline;
    
}
#wellnum {
  float: left;
  clear: both;
}
#wellwrapper {
  overflow: auto;
}