JSFiddle - React, Tailwind, and code Playground

by Reusablecode

HTML

<h3> Fixed-Only: </h3>
<div class="centered">
    
<div class="leftHalf">
<p>I will fill up the left column which is ALWAYS 130px wide.</p>
</div> <!-- leftHalf -->
    
<div class="rightHalf">
<p>I will fill up the right column which is ALWAYS 130px wide.</p>
</div> <!-- rightHalf -->
    
</div> <!-- centered -->

CSS

.leftHalf{ width: 130px; float: left; padding-right: 5px;}
.rightHalf{ width: 130px; float: left; padding-left: 5px;}

.centered{ width:300px; margin: 0 auto;}