JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title></title>
    <style type="text/css">
    #wrap {width:600px;height:1000px;background:black;}
    .box {width:179px;height:180px; display:inline-block; border-right:1px solid white;border-top:1px solid white;margin-right:20px;background:blue; vertical-align:top;}
        .clear{clear:left;}.small{height:100px}.xsmall{height:50px}.first{background:red;}.second{background:yellow;}.third{background:pink;}
    .fourth{background:green;}.fifth{background:aqua;}</style>
    <!--[if IE]>
    <style>.box { display:inline; }</style>
    <![endif]-->
</head>
<body>
    <div id="wrap">
        <div class="box first"></div><div class="box small second"></div><div class="box xsmall third"></div><div class="box clear fourth "></div><div class="box fifth"></div><div class="box sixth"></div>
    </div>
</body>
</html>