JSFiddle - React, Tailwind, and code Playground

HTML

<div class="panel">
    <div class="left">
        <span>Компания->Имя пользователя</span>
        <span class="flag"></span>
        <span class="flag"></span>
    </div><div class="right">
        <span>Logout</span>
        <span>Members</span>
        <span>Suppliers</span>
    </div>
    <div class="clear"></div>
</div>

CSS

.panel{
    display:table;
    margin-top:40px;
    min-width:100%;
    background:#bbb;
    white-space:nowrap;
}
.panel span{
    display:inline-block;
}
.panel>div.left{
    min-width:50%;
    width:50%;
    display:table-cell;
    text-align:left;
}
.panel>div.right{
    min-width:50%;
    width:50%;
    display:table-cell;
    text-align:right;
}

.panel span.flag{
    width:10px;
    height:10px;
    background:#fff;
}

.clear{
    clear:both;
}