JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <form id="form1" runat="server">
        <div class="TopContainer">
            <div class="Header">

            </div>
            <div class="BumperBar1">

            </div>
            <div class="NavBar">
                <ul id="navlist">
                <li><asp:LinkButton ID="LinkButton1" runat="server" CssClass="LinkButtons">Link 1</asp:LinkButton></li>
                <li><asp:LinkButton ID="LinkButton2" runat="server" CssClass="LinkButtons">Link 2</asp:LinkButton></li>
                <li><asp:LinkButton ID="LinkButton3" runat="server" CssClass="LinkButtons">Link 3</asp:LinkButton></li>
                <li><asp:LinkButton ID="LinkButton4" runat="server" CssClass="LinkButtons">Link 4</asp:LinkButton></li>
                <li><asp:LinkButton ID="LinkButton5" runat="server" CssClass="LinkButtons">Link 5</asp:LinkButton></li>
                <li><asp:LinkButton ID="LinkButton6" runat="server" CssClass="LinkButtons">Link 6</asp:LinkButton></li>
                <li><asp:LinkButton ID="LinkButton7" runat="server" CssClass="LinkButtons">Link 7</asp:LinkButton></li>
            </ul>
        </div>
    </div>
    <div class="MainContent">

    </div>
</form>
</body>

CSS

body {
    background-color: #D9D9D9;
    padding: 0px;
    margin: 0px;
}

.TopContainer{
    background-color: white;
    width: 100%;
    border-bottom: 1px solid;
    border-bottom-color: Black;
    height: 100px;
    display: table;
}

.Header{
    background-color: White;
    width: 1000px;
    margin: auto;
    height: 67px;
    display: block;
}

.BumperBar1{
    height: 3px;
    width: 100%;
    background-color: #999;
    display: block;
}

.NavBar{
    background-color: White;
    width: 1000px;
    margin: auto;
    height: 30px;
    display: block;
}

#navlist{
    margin: 0;
    padding-left: 10px;
}

#navlist li{
    display: inline-block;
    height: 30px;
    margin: 0;
    padding: 0;
    float: left;
}

#navlist li:hover{
    background-color: #57A1D3;
}

#navlist li a{
    height: 30px;
}

.MainContent{
    background-color: White;
    width: 1000px;
    margin: auto;
    min-height: 800px;
}

#form1{
    margin: 0;
}

.LinkButtons{
    padding-right: 13px;
    padding-left: 13px;
    line-height: 30px;
    margin: 0;
    color: #57A1D3;
    text-decoration: none;
}

.linkbuttons:hover{
    color: white;
}