JSFiddle - React, Tailwind, and code Playground

by Cone

HTML

<div class="wrap">
    <div class="half">
        <div class="half-st"> </div>
    </div>
    
    <div class="half">
        <div class="half-nd">
    </div>
</div>

CSS

* {padding:0;margin:0;}
.wrap {width:100%;line-height:30px;}
.half {width:50%;float:left;height:100px;}
.half-st, .half-nd {background:silver;height:50px;}
.half-st {margin-right:10px;}
.half-nd {margin-left:10px;}