JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr>
    <td class="left"><div>&nbsp;</div></td>
<td class="center">Кнопка по центру</td>
<td class="right"><div>пояснение к кнопке с правой стороны</div></td>
</tr>
</table>
<center><span class="bottom">Еще пояснение</span></center>

CSS

table { width: 100% }
td{
    border:1px solid #bbb;
}
.center{
    width: auto;
    white-space: nowrap;
    background: green;
}
.left, .right{
     width:50%;
}
.left div, .right div { overflow: hidden; }
.bottom { background: green; }