JSFiddle - React, Tailwind, and code Playground

by freedawirl

HTML

<script src="http://fonts.googleapis.com/css?family=Tauri|Strait|Open+Sans:600,700|Dosis:500,700|Carrois+Gothic+SC|Voces|Source+Sans+Pro|Varela"></script>
<script src="http://hang3.com/min/g=css?v=12"></script>
<script src="http://hang3.com/min/g=js?v=12"></script>
<div id="nav" class="clearfix">
    <div class="nav-container">
         <h1><a href="/" title="Home">Hang3 - Find. Network. Connect.&#8482;</a></h1>

        <ul class="main clearfix">
            <li class="tab"> <a href="/search/ads" title="Search the Classified Ads"><span class="icon search no-text">Search</span></a>
 <span class="current"></span>

            </li>
            <li class="tab dropdown" data-ui="options"> <a href="#" class="down" title="See All Categories">Tab Drop Down</a>

                <ul class="flyout">
                    <li data-ui="categories-list"></li>
                </ul>
            </li>
            <li class="nav-login tab right"> <a href="#"><span class="icon">Link</span></a> 
            </li>
        </ul>
    </div>
</div>
<div class="wrapper clear clearfix">
    <div id="container" class="left full">
        <div class="content-container clearfix">
            <div id="content" class="left">
                <div class="g11">
                    <div class="sponsor align-center center clear">
                        <div class="item h-90">
                            <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                            <!-- Responsive --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5284208273765386" data-ad-slot="2181502953" data-ad-format="auto"></ins>

                            <script>
                                (adsbygoogle = window.adsbygoogle || []).push({});
                            </script>
                        </div>
                    </div>
                     <h1 class="clear align-center">
    <span class="large space-right">Post unlimited,...

CSS

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent
}
body {
    line-height:1
}
ol, ul {
    list-style:none
}
blockquote, q {
    quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none
}
:focus {
    outline:0
}
ins {
    text-decoration:none
}
del {
    text-decoration:line-through
}
table {
    border-collapse:collapse;
    border-spacing:0
}
* {
    margin:0;
    padding:0;
    outline:none
}
img {
    border:none
}
.bold {
    font-weight:bold !important
}
.em {
    font-style:italic !important
}
.left {
    float:left !important
}
.right {
    float:right !important
}
.clear {
    clear:both !important
}
.justify {
    text-align:justify !important
}
.auto {
    width:auto !important
}
.full {
    width:100% !important
}
.align-left {
    text-align:left !important
}
.align-right {
    text-align:right !important
}
.align-center {
    text-align:center !important
}
.space-left {
    margin-left:10px
}
.space-right {
    margin-right:10px
}
.space-top {
    margin-top:5px
}
.space-bottom {
    margin-bottom:5px
}
.center {
    margin-left:auto !important;
    margin-right:auto !important
}
ul.no-bullet, ul.no-bullet li {
    list-style-type:none !important
}
abbr {
    cursor:help
}
.legacy {
    text-indent:-9999px;
    text-decoration:none;
    font-size:0;
    line-height:0;
    width:0;
    height:0;
    position:absolute;
    left:-9999px
}
.handle {
    cursor:move !important
}
.clearfix:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
   ...