JSFiddle - React, Tailwind, and code Playground

HTML

<div id="site-menu">
<ul class="sf-menu sf-navbar">
<li class="first active-trail"><a class="active" href="http://www.erhay.com" target="" rel=""><img src="http://goo.gl/4tMfv"></a>
<ul class="menu">


</ul>
</li>
<li><a href="http://www.erhay.com" target="" rel="">Tin tức</a>
<ul class="menu">
<li class="first"><a href="http://www.erhay.com" target="" rel="">Trong nước</a></li>
<li><a href="http://www.erhay.com" target="" rel="">Thế giới</a></li>
<li><a href="http://www.erhay.com" target="" rel="">Công nghệ</a></li>
<li class="last"><a href="http://www.erhay.com" target="" rel="">Thị trường</a></li>
</ul></li>
<li><a href="http://www.erhay.com" target="" rel="">Doanh nghiệp</a>
<ul class="menu">
<li class="first"><a href="http://www.erhay.com" target="" rel="">Thương mại điện tử</a></li>
<li><a href="http://www.erhay.com" target="" rel="">Quảng cáo trực tuyến</a></li>
<li><a href="http://www.erhay.com" target="" rel="">Đầu tư - Cạnh tranh</a></li>
<li><a href="http://www.erhay.com" target="" rel="">Kinh doanh</a></li>
<li class="last"><a href="http://www.erhay.com" target="" rel="">Doanh nhân</a></li>
</ul></li>
<li><a href="http://www.erhay.com" target="" rel="">Sản phẩm</a>
<ul class="menu">
<li class="first"><a href="http://www.erhay.com" target="" rel="">Điện thoại</a></li>
<li><a href="http://www.erhay.com" target="" rel="">Máy tính</a></li>
<li><a href="http://www.erhay.com" target="" rel="">Máy ảnh</a></li>
<li class="last"><a href="http://www.erhay.com" target="" rel="">Màn hình</a></li>
</ul>
</li>
<li>
<a href="http://www.erhay.com" target="" rel="">Phần mềm</a>
<ul class="menu">
<li class="first"><a href="http://www.erhay.com" target="" rel="">Bảo mật</a></li>
<li><a href="http://www.erhay.com" target="" rel="">Hệ điều hành</a></li>
<li><a href="http://www.erhay.com" target="" rel="">PM diệt virus</a></li>
<li><a href="http://www.erhay.com" target="" rel="">PM bản quyền</a></li>
<li class="last"><a href="http://www.erhay.com" target="" rel="">Ứng...

CSS

<!-- htpp://www.erhay.com Nhiều thủ thuật hay hữu ích, thủ thuật blog,template vnexpress, facebook, design, truyện hay, themes S40, làm themes S40, cách cook firmware...,
 làm đồng hồ flash, tạo flash, khám phá,
và rất nhiều thông tin hữu ích có thể bạn sẽ cần htpp://www.erhay.com -->
body{font-family:helvertica,Arial,Sans;margin:0;padding:0;background:#f5f4f4;font-size:12px}
a:link,a:visited{color:#1f5602;text-decoration:none}
a:hover{color:#cf038e;text-decoration:underline;cursor:pointer}
img{border:0 none}

ul,ol{margin:0;padding:0;list-style-type:circle;}

#header h1{display:none}
.logo{margin: 28px 0px 0px 0px;width:410px;float:left}
.topadsright{float:right;margin:40px 0 0 10px}
.topnavi{z-index:99999;box-shadow:0 0 10px #777;background:#9c0206 ;position:fixed;top:0;left:0;right:0;padding:0 0 0 0}
.topnavi a{color:#eee;margin:0 8px 0 0;}
.top-menu{font-weight:bold;float:left;position:relative;font-size:12px;font-family:arial;color:#333;margin:0 0 0 0px}
.top-menu ul{margin:0;list-style:none;padding:0}
.top-menu ul li{padding:5px 0;float:left}
.top-menu ul li a{padding:0 12px 0 12px;border-left:1px solid #bd0106;border-right:1px solid #700104;color:#eee;margin:0}
.top-menu ul li.first a{border-left:0}
.top-menu ul li.last a{border-right:0}
.top-menu ul li a:hover{color:#eee}
.top-menu ul li.active{text-shadow:0 1px #fff;background:#dfe2e6;padding:5px 10px;margin-right:15px}
.top-menu ul li.active a{color:#000;border:0}
.top-menu ul li.active a:hover{color:#222}
#site-menu{margin:0 0 0;padding:0;position:relative;top:0;left:0}
.sf-navbar li:hover,.sf-navbar li.sfHover,.sf-navbar li li.current,.sf-navbar a:focus,.sf-navbar a:hover,.sf-navbar a:active{background-color:transparent !important}
.sf-menu li.active-trail ul,.sf-menu li.sfHover ul{top:26px}
#site-menu .sf-menu{border-top:1px solid #d8d9dd;background:url(http://goo.gl/aUZC6) repeat-x 0 -1px;width:100%;height:54px;padding:0 0 0px 0!important;margin:0!important}
#site-menu .sf-menu...