JSFiddle - React, Tailwind, and code Playground

HTML

<nav class="primary" role="navigation">
            <ul class="inline-list">
                <li class="current">
                    <a href="/">
                        Overview
                        <span></span>
                    </a>
                    <ul class="inline-list">
                        <li class="current-sub">
                            <a href="/">
                                Introduction
                            </a>
                        </li>
                        <li>
                            <a href="/">
                                When to go &#38; weather
                            </a>
                        </li>                        
                        <li>
                            <a href="/">
                                Getting there &#38; around
                            </a>
                        </li>
                        <li>
                            <a href="/">
                                Practical information
                            </a>
                        </li>
                        <li>
                            <a href="/">
                                History
                            </a>
                        </li>
                        <li>
                            <a href="/">
                                Work &#38; study
                            </a>
                        </li>
                        <li>
                            <a href="/">
                                Wildlife
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="/">
                        See &#38; do
                        <span></span>
                    </a>
                </li>
                <li>
                    <a href="/">
                        Hotels &#38; hostels
                        <span></span>
                    </a>
   ...

CSS

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,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,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*
Copyright (c) 2010, Ryan Pays. All rights reserved.
*/

a, a:link, a:hover, a:focus, a:active {
    color:rgb(1,120,212);
    text-decoration:none;}
    
a:hover {
    text-decoration:underline;
    }    

.doc {
    margin:0 auto;
    width:960px;}
 ...