JSFiddle - React, Tailwind, and code Playground

by Andrew Dunai

HTML

<div class="container">
    <div class="block">asdasdasd</div>
    <div class="block">asdasdasd</div>
</div>

<div class="container">
    <div class="block">asdasdasd</div>
    <div class="block">asdasdasd</div>
    <div class="clearfix"></div>
</div>

CSS

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.container {
    width: 40%;
    border: 1px solid red;
    margin: 40px 5px;
    padding: 5px;
}

.block {
    width: 50%;
    border: 1px solid blue;
    float: left;
}

.clearfix {
    clear: both;
}