JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu">
        <button class="buttons">foo</button>
        <button class="buttons">bar</button>
        <button class="buttons">foobar</button>
        <button class="buttons">abcabc</button>
    </div>

CSS

#menu {
    border: 1px solid black;
    width: 800px;
}

.buttons
{
    display: block;
    float:left;
    width: 25%
}