JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sideMenu">
            <div id="sideMenuHeader">
                (555) 555 5561
            </div>
            <div class="menuTitle">
                Main Menu
            </div>
            <ul class="menu">
                <li class="menuItem"><a href="index.htm" title="Welcome To Our Site">Home</a></li>
                <li class="menuItem"><a href="contact.htm" style="background-color: yellow" title="Contact Us">Contact</a></li>
                <li class="menuItem"><a href="#" title="Free Consultation">Free Consultation</a></li>
                <li class="menuItem"><a href="faq.htm" title="Frequently Asked Questions">FAQ</a></li>
                <li class="menuItem"><a href="Directions.htm" title="Driving Directions">Driving Directions</a></li>
            </ul>
            <div class="menuTitle">
                Immediate Assistance
            </div>
            <ul class="menu">
                <li class="menuItem"><a href="#" title="">Recent Death</a></li>
                <li class="menuItem"><a href="#" title="">Unexpected Illness</a></li>
                <li class="menuItem"><a href="#" title="">Upcoming Surgery</a></li>
                <li class="menuItem"><a href="#" title="">Injury</a></li>
            </ul>            
            <div style="background-color: pink" class="menuTitle">
                Services
            </div>
            <ul class="menu">
                <li class="menuItem"><a href="planning.htm" title="Estate Planning">Estate Planning</a>
                    <ul class="subMenu">
                        <li class="subMenuItem"><a href="last_will_and_testament.htm" title="Last Will and Testaments">Last Will &amp; Testament</a></li>
                        <li class="subMenuItem" style="background-color: yellow"><a href="power_of_attorney.htm">Power Of Attorney</a></li>
                        <li class="subMenuItem"><a href="living_will.htm">Living Will</a></li>
                        <li class="subMenuItem"><a...

CSS

#sideMenu {
    float: left;
    width: 16em; 
    margin: 15px 0px 15px;
    border-style: solid;
    border-width: 5px;    
    border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 85%;
}

#sideMenu a:link, #sideMenu a:visited, #sideMenu a:active {
    text-decoration: none;
}

#sideMenu a:hover {
    text-decoration: underline;
}

#sideMenuHeader {
    text-align: center; 
    font-weight: bold;
    font-size: 16pt;
    padding: 8px;    
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.menuTitle {
    text-align: center; 
    border-style: solid;
    border-width: 0px 0px;
    padding: .1em;
    margin-bottom: .1em;
    margin-top: 0em;
    font-weight: bold;
    font-style: italic;
    font-variant: small-caps;
    font-size: 1.1em;
    
}
.menu {
    margin: 0px;
    width: 14em;
    padding: .2em 0em .2em .6em;
    list-style: none;
}

.menuItem {
    margin-bottom: .2em;
    font-weight: bold;
}

.subMenu {
    padding: .1em 0em .4em 2em;
    font-weight: normal;
}

#sideMenu {
    background-color: #AE8F6C; 
    border-color: #7A5B38;
}

#sideMenuHeader {
    background-color: #F9EFDC;
}


.menuTitle {
    background: #D5B898;
    border-color: #000;
}


#sideMenu a:link, #sideMenu a:visited, #sideMenu a:active {
    color: #000;
}

#sideMenu a:hover {
    color: #FFF;    
    border-color: #000;
}