JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="iB">Content<br>Content<br>Content<br></div>
    <div class="iB">Content<br>Content<br>Content<br>Content<br>Content<br>Content<br></div>
    <div class="iB">Content<br>Content<br>Content<br></div>
    <div class="iB">Content<br>Content<br>Content<br>Content<br></div>
    <div class="iB">Content<br>Content<br>Content<br>Content<br></div>
    <div class="iB">Content<br>Content<br>Content<br></div>
    <div class="iB">Content<br>Content<br>Content<br>Content<br></div>
</div>

CSS

.wrapper {
    width: 100%;
    background: red;
    text-align: center;
    font-size: 0px;
}

.iB {
    display:inline-block;
    vertical-align:top;
    width: 200px;

    background: green;
    font-size:15px;
}