JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
            <div class="wrap">
                <div class="header">                
                    <ul class="menu">                        
                        <li class="home"><a href="" title="MP3 Music Downloads" class="title">My Home</a></li>
                        <li class="genres"><a href="#"  class="title">test</a></li>
                    </ul>
                </div>
            </div>
        </div>

CSS

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; outline: 0; border: 0; vertical-align: baseline; font-size: 100%; }
ol li {list-style: decimal outside;}
ul li {list-style: disc outside;}
blockquote, pre, address, ul, ol, dl, table {margin: 1.12em 0;}
ol ul, ul ol, ul ul, ol ol {margin-top: 0;margin-bottom: 0;}
ol, ul, dd {margin-left: 2.5em;}
table {border-collapse: collapse;border-spacing: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
small, sub, sup {font-size: 83%;}
sub {vertical-align: sub;}
sup {vertical-align: super;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
html {height: 100%;font-size: 100.1%;background: #1b1d20  url('http://www.mp3mixx.com/i/bg.png') repeat;}
body {font-size: 12px; height: 100%; color:#999999; font-family:Arial; background: url('http://www.mp3mixx.com/i/bgt.jpg') center top no-repeat; }
a {color:#999;outline: none;}
a:hover {cursor:pointer; }
img {border: none;}
.empty {height:106px;}
.wrapper {min-height: 100%; height: auto !important; height: 100%; margin:0px auto; min-width:1000px; max-width: 1280px; }
p {line-height:18px;} 
.wrap {margin:0px 17px;}
.clear {clear:both;}
.header {padding:30px 0px 0px 0px; height:60px; position:relative; z-index: 1; }
.header .logo {margin:0px 64px 0px 10px; float:left; display:inline; }
.menu {margin:0px 0 0 328px;position:relative;top: 8px;}
.menu li.home,.menu li.genres, .menu li.charts, .menu li.quran, .menu li.account, .menu li.funds {list-style:none;position:absolute;background:url('http://www.mp3mixx.com/i/arrow.gif') right no-repeat;height:11px;}
.menu li.hover {background:url('http://www.mp3mixx.com/i/arrow-a.gif') right no-repeat;}
.menu li a.title {
} 

...