JSFiddle - React, Tailwind, and code Playground

by strange_atom

HTML

<div id="center">
                <div class="square">1</div>
                <div class="square">2</div>
                <div class="square">3</div>
                <div class="square">4</div>
                <div class="square">5</div>
                <div class="square">6</div>
                <div class="square">7</div>
                <div class="square">8</div>
                <div class="square">9</div>
</div>

CSS

#center {
    border: 1px solid #000;
    padding-right: 5px;
    padding-bottom: 5px;
    float:left;
    width: 315px;
}

.square {
    margin-left: 5px;
    margin-top: 5px;
    float: left;
    background: #f00;
    width: 100px;
    height: 100px;
    position: relative;
    }