JSFiddle - React, Tailwind, and code Playground

HTML

<table cellpadding="0" cellspacing="0" border="0" id="container">
    <tr>
        <td id="div1"><button id="Button1">Button 1</button></td>
        <td id="div2"><button id="Button2">Button 2</button></td>
        <td id="div3"><button id="Button3">Button 3</button></td>
    </tr>
</table>

CSS

#container {text-align: center; width: 100%;}

#div1 {width:200px; border:1px solid #000;}
#div2 {border:1px solid #000;}
#div3 {width:100px; border:1px solid #000;}

#Button1 {width: 100%;}
#Button2 {width: 100%;}
#Button3 {width: 100%;}