JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="ib" style="background-color: #f00">
        1
    </div>
    <div class="ib" style="background-color: #0f0">
        2
    </div>
    <div class="ib" style="background-color: #00f">
        3
    </div>
    <div class="ib" style="background-color: #ff0">
        4<br>5
    </div>
</div>

CSS

.wrapper {
    width: 1000px;
    text-align: center;
}

.ib {
    height: 200px;
    width: 200px;
    margin: 0 7px;
    display: inline-block;
    vertical-align: top;
}