JSFiddle - React, Tailwind, and code Playground

by zono

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%;
    max-width: 50%;
    height: 25%;
    margin: 0px auto;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    padding-left: -10%;
}

.holderItem {
    border: 1px solid red;
    width: 99%;
    height: 97%;
    display: inline-block;
    white-space: normal;
}