JSFiddle - React, Tailwind, and code Playground

by George Karakostas

HTML

<div class="a b">1</div>
<div class="a b">2</div>
<div class="clear"></div>

CSS

body { border: 1px solid; }

.a {
    display: block;
    float: left;
    width: 40%;
    background: #ccc;
}

.a { margin-left: 5%; }
.a:first-child { margin: 0; }

.a.b { margin-left: 2%; }
.a.b:first-child { margin: 0; }

.clear { clear: both; }