JSFiddle - React, Tailwind, and code Playground

by richardneililagan

HTML

<div id='container'>
    <div class='red'>1</div>
    <div class='green'>2</div>
    <div class='blue'>3</div>
</div>

CSS

div#container {
    width:80%;
    overflow:hidden;
    zoom:1;
     /* debug */
    background-color:#ddd;
    padding:20px;
    margin:0 auto;
}

div#container div {
    width:33%; float:left;
    /* debug */
    min-height:100px;
    font-family:calibri,'segoe ui',arial,sans-serif;
    font-size:24pt;
    font-weight:bold;
    color:#fff;    
    text-align:center;
}

.red { background-color: #a00; }
.green { background-color: #0a0; }
.blue { background-color: #00a; }