JSFiddle - React, Tailwind, and code Playground

HTML

<header>
    <div class="header-data">
        название сайта и лого
        <nav class="mavpa">
            <a href="#">Actions</a>
            <a href="#">DVD</a>
            <a href="#">Books</a>
        </nav>
    </div>
</header>

CSS

header {
    height: 300px;
    line-height: 300px;
    vertical-align: middle;
    text-align: center;
    background: #eee;
}

    .header-data {
        display: inline-block;
        line-height: normal;
    }

    nav.mavpa {
          display: inline;
          padding-left:  100px;
    }
        nav a {
            display: inline-block;
        }