JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <nav>    
                    <ul class="clearfix">    
                      
                        <li class="dropdown-link"><a href="#" class="main-link">Top Link</a>
                            <ul class="clearfix dropdown-holder">
                                <li>    
                                    <div class="arrow"></div>
                                        <div class="dropdown-holder-inner">
                                            <ul class="dropdown">
                                                <li><a href="#">Link</a></li>
                                         
                                                <li><a href="#">Link</a></li>
                                                <li><a href="#">Linky</a></li>
                                                <li><a href="#">Link</a></li>
                                                <li><a href="#">Link</a></li>
                                                <li class="last-child"><a href="#">Link</a></li>
                                            </ul>
                                    </div>
                                </li>                            
                            </ul>
                        
                        </li>
                        
                    </ul>
                </nav>

CSS

nav {
    display:block;
}


nav{
    height: 25px;
    z-index: 50;
    margin: 0 auto;
}

    a.main-link:link, a.main-link:visited{
        text-transform: uppercase;
        font-weight: bold;
        color: #000;
        letter-spacing: 1px;
        display:block;
        margin:    0;
        padding: 0;
    }
    
    
        nav ul {
            list-style-type: none;
            padding: 0 0px;
            margin: 0;
        }
        
        nav ul li{
        
            display:block;
            float: left;
            margin-right: 50px;
            position: relative;
            z-index: 50;
            cursor: pointer;
            height: auto;
        }
            
        .dropdown-holder{
            display: none;
        }
        
        nav ul li.dropdown-link:hover ul{
            display: block;
        }
    

        nav ul li:last-child{
            margin-right: 0px;
        }
        
        
        nav ul li ul.dropdown-holder{
            margin: 0;
            padding: 0;
            position: absolute;
            top: -2px;
            left: 0;
            z-index: 50;
            cursor: pointer;
        }

            
            nav ul li ul.dropdown-holder li .arrow{
                background:url('../img/common/tab-top.png') top center no-repeat;
                z-index: 55;
                height: 29px;
                position: absolute;
                top: 20px;
                left: -50px;
                min-width: 160px;
                width: 100%;
                margin:    0;
                padding: 0;
            }
            
            
            
            nav ul li ul.dropdown-holder li .dropdown-holder-inner{
                margin-top: 40px;
                z-index: 50;
            }
            
            nav ul li:first-child ul.dropdown-holder{
                left: 0px;
            }
            
            nav ul li:first-child ul.dropdown-holder li .arrow{
                left:...