JSFiddle - React, Tailwind, and code Playground

by Douglas Crosby

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;
}

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

    background: green;
}