JSFiddle - React, Tailwind, and code Playground

by Eric Abutaliev

HTML

<div id="top">
    <div class="logo"><h1>Группа Компаний АЭК</h1></div>
    <div class="rightSide">
        <p class="phone">+7 (495) 783 48 36</p>
        <p class="Welcome">Добро пожаловать</p>
        <button id="exit">Выход</button>
    </div>
</div>

CSS

#top{
    height: 120px;
    border-bottom: 1px dotted grey;
    padding: 1em;
}
#top .logo{
    padding-left: 3em;
    float: left;
}
#top .rightSide{
    float: right;
    text-align: right;
}