JSFiddle - React, Tailwind, and code Playground

HTML

<form id="form1" runat="server">

<div>
    <ul id="Menu">
        <li><a href="#">Internal Doors</a></li>
        <li><a href="#">Prefinished Internal Doors</a></li>
        <li><a href="#">External Doors</a></li>
        <li><a href="#">Internal Pair [French Doors]</a></li>
        <li><a href="#">External Pair [French Doors]</a></li>
        <li><a href="#">Custom Size Doors</a></li>
        <li><a href="#">Door Frames</a></li>
        <li>Test</li>
    </ul>
</div>

</form>

CSS

#Menu
    {
        padding:0;
        margin:0;
        list-style-type:none;
        font-size:13px;
        color:#717171;
        width:100%;
    }

    #Menu li
    {
        border-bottom:1px solid #eeeeee;
        padding:7px 10px 7px 10px;
    }

    #Menu li:hover
    {
        background-color:#ffcc00;
    }
#Menu li:hover a
    {
        color:White;
    }


    #Menu a:link
    {
        color:#717171;
        text-decoration:none;
    }

    #Menu a:hover
    {
        color:White;
    }