JSFiddle - React, Tailwind, and code Playground

HTML

<div class='links'> <a href='#'>Blah</a>
 <a href='#'>Blah</a>
 <a href='#'>Blah</a>
 <a href='#'>Blah</a>

</div>
<input type='text'>

CSS

.links {
    display: inline-block;
    border: 1px solid black;
    width: 100%;
    font-size: 0;
    white-space: nowrap;
    overflow-x: auto;
    vertical-align: bottom;
}
.links a {
    background: #FFF;
    display: inline-block;
    min-width: 100px;
    width: 25%;
    text-align: center;
    border-right: 1px black solid;
    height: 50px;
    font-size: 16px;
    box-sizing: border-box;
}