JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">
    <ul>
        <li>Home</li>
        <li>About</li>
        <li>Contacts</li>
        <p>Maybe some text here</p>
    </ul>
</div>
1 wewewewe wewewewe wewewewe wewewewe wewewewe wewewewe wewewewe wewewewe wewewewe wewewewe wewewewe wewewewe wewewewe wewewewe wewewewe wewewewe wewewewe wewewewe wewewewe wewewewe wewewewe wewewewe wewewewe wewewewe wewewewe  2

CSS

body {
    height: 9999px;
    color: #434343;
}
#header {
    background: #ebebeb;
    width: 400px;
    padding: 20px;
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
}
#header ul {
    list-style: none;
    position: relative;
}
#header ul li {
    display: inline-block;
}