JSFiddle - React, Tailwind, and code Playground

by klierik

HTML

<header>
    <div class="header-data">
        <p>Lorem ipsum dolor sit amet</p>
        <nav>
            <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 {}
        nav a {
            display: inline-block;
        }