JSFiddle - React, Tailwind, and code Playground

by Sub Lines

HTML

<section>
        <header>
            <h1>Title</h1>
        </header>

        <nav id="navigation">
            <ul id="navMain">
                <li><a href="index.html">Home</a></li>
                <li class="currentPage"><a href="#"> Visit our site</a></li>
                    <li><a href="#">About us</a>

                        <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="index.html">Home</a></li>
                        </ul>
                    </li>

                        <li><a href="index.html">Home</a></li>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="index.html">Home</a></li>
                </ul>
        </nav>
        </section>

CSS

body {
    background-image: url('images/backgorund-roohi.jpg');
}


#navMain {
    height: 38px;
    list-style: none;
    font-family: tahoma;
    font-size: 12px;
    border-bottom: 1px #a81b2f solid;
    float: right: width:940px;
    margin: 0;
    padding: 0;
    -moz-border-radius: 5px;
    4-webkit-border-radous: 5px;
}
#navMain > li {
    float: right;
    position: relative;
    border-right: 1px solid #9b2838;
}
#navMain > li > a {
    color: #f4e4e6;
    float: left;
    text-decoration: none;
    padding: 11px 18px;
    border-right: 1px solid #bf3549;
}
#navMain a {
    background: rgb(99, 20, 32);
    background: rgb(99, 20, 32, 0.25);
}
#navMain ul {
    display: none;
}
#navMain ul {
    display: none;
    position: absolute;
    list-style: none;
    left: 0;
    padding: 0;
    margin: 0;
    border-top: 1px #a81b2f solid;
    background#e8edee;
}
#navMain ul li a {
    color: 5d6364;
    text-decoration: none;
    display: block;
    padding: 6px 7px;
    border-bottom: 1px solid #d3d9da;
    border-left: 1px solid #d3d9da;
    border-right: 1px solid #d3d9da;
    font-size: 13px;
}
#navMain li:hover ul {
    display: block;
    top: 39px;
    min-width: 200px;
}