JSFiddle - React, Tailwind, and code Playground

HTML

<div id="linksHolder">
    <div class="holderItem">Div 1</div>
    <div class="holderItem">Div 2</div>
    <div class="holderItem">Div 3</div>
</div>

CSS

html, body{
    height: 100%;
}

#linksHolder {
    width: 50%;
    height: 25%;
    margin: 0px auto;
    overflow: hidden;
    text-align: center;
}
.holderItem {
    border: 1px solid red;
    width: 32%;
    height: 98%;
    float: left;
    display: inline-block;
}