JSFiddle - React, Tailwind, and code Playground

by Usman Ali

HTML

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<div class="col-md-6 con">
  <div class="prev pull-left">
    <a class="next">
     Prev
    </a>
  </div>
  <div class="prev pull-right">
   <a class="next">
     Next
   </a>
  </div>
<div class="col-md-6 table-responsive">
  <table class="table">
    <tr>
      <td>
        Helo
      </td> 
      <td>
        Helo
      </td> 
      <td>
        Helo
      </td> 
      <td>
        Helo
      </td> 
      <td>
        Helo
      </td> 
      <td>
        Helo
      </td> 
      <td>
        Helo
      </td> 
      <td>
        Helo
      </td> 
      <td>
        Helo
      </td> 
      <td>
        Helo
      </td> 
      <td>
        Helo
      </td> 
      <td>
        Helo
      </td> 
      <td>
        Helo
      </td> 
      <td>
        Helo
      </td> 
      <td>
        Helo
      </td> 
      <td>
        Helo
      </td> 
      <td>
        Helo
      </td> 
      <td>
        Helo
      </td> <td>
        Helo
      </td> <td>
        Helo
      </td> 
      <td>
        Helo
      </td> 
      <td>
        Helo
      </td> 
      <td>
        Helo
      </td> 
      <td>
        Helo
      </td> 
      <td>
        Helo
      </td> 
      <td>
        Helo
      </td> 
    </tr>
  </table>
</div>

CSS

a{font-size:16px; cursor:pointer;}
.con{margin-top:20px;}