JSFiddle - React, Tailwind, and code Playground

by huhu

HTML

<h2>With Table</h2>
<table>
   <tr>
      <td>
         Content of the first column.
      </td>
      <td>
         Content of the second column.
      </td>
   </tr>
</table>

<h2>With Div</h2>
<div class="table">
    <div class="left">
        Content of the first column.
    </div>
    <div class="right">   
       Content of the second column. 
    </div>        
</div>

CSS

h2 { font-size:2em; padding:10px 0; }
table { border:1px solid black; padding:10px; display:block; width:400px; }

.table { border:1px solid black; padding:10px; width:400px; overflow:hidden; }
.left { float:left; width:200px; }
.right { float:right; width:200px;  }