JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">
        <div id="center">
            <div id="title">Some Title Text</div>
            <div id="navigation">
                <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Contact</a></li>
                </ul>
            </div>
        </div>
    </div>

CSS

#header {
    position:fixed;
    top:0;
    left:0;
    right:0;
    background-color:#333333;
    padding:20px;
}

#center {
    width: 500px;
    margin: 0 auto;
}

#title {
    float:left;
    color:#000000;
    font-size:30px;
    margin-right:24px;
    background-color:#ffffff;
    padding:8px;
}

#navigation ul {
    padding:0;
    margin:0;
    list-style-type:none;
}

#navigation ul li {
    display:inline;
    margin-right:20px;
    padding:3px;
    background-color:#ffffff;
}

#navigation ul li a {
    color:#000000;
    text-decoration:none;
}