JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
        <div class="header-left"><input type="button" value="Отменить" /></div>
    <div class="header-right"><input type="button" value="Отправить" /></div>
        <span class="header-center">Twit</span>
        
</div>

CSS

.header{
overflow:hidden;
}     
.header-left {
               float:left;
        }
        
        .header-center {
        display:block;
        margin:0 100px;
        text-align:center;
        }
        
        .header-right {
float:right;
        }