JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="navi">
        <div id="navitext">
            <ul>
                <li>
                    <a href="#">Home</a>
                </li>
                <li>
                    <a href="#">Inhalt 2</a>
                </li>
                <li>
                    <a href="#">Inhalt 3</a>
                </li>
            </ul>
        </div>
    </div>
</body>

CSS

/* aus forum zusammengereimt */
* {
    margin:0;
    padding:0;
}

/* von Dir gegebene Info */
#navi
{
    background-color: #d20000;
    width: auto;
    height: auto;
    text-align: center;
    border-top: 5px solid #484f53;
    border-bottom: 5px solid #484f53;
}

#navitext a {
    color: #FFFFFF;
    font-size: 15px;
    
    /* vom Screenshot zusammengereimt */
    text-decoration:none;
}

/* vom Screenshot zusammengereimt */
#navi ul {
    list-style-type:none;
}