JSFiddle - React, Tailwind, and code Playground

by Marventus

HTML

<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="UTF-8" />
<title>Event and Wedding Calligrapher UK | London Based Calligraphy Service</title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="http://www.calligraphycompany.com/wp-content/themes/sliding-door-child/style.css" />
<link rel="pingback" href="http://www.calligraphycompany.com/xmlrpc.php" />
<link rel="alternate" type="application/rss+xml" title="Calligrapher in London, Calligraphy in London &raquo; Feed" href="http://www.calligraphycompany.com/feed" />
<link rel="alternate" type="application/rss+xml" title="Calligrapher in London, Calligraphy in London &raquo; Comments Feed" href="http://www.calligraphycompany.com/comments/feed" />
                
    <script type="text/javascript">//<![CDATA[
    // Google Analytics for WordPress by Yoast v4.2.3 | http://yoast.com/wordpress/google-analytics/
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount','UA-24955356-1']);
    _gaq.push(['_trackPageview']);
    (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
    //]]></script>
<link rel='stylesheet' id='NextGEN-css'  href='http://www.calligraphycompany.com/wp-content/plugins/nextgen-gallery/css/nggallery.css?ver=1.0.0' type='text/css' media='screen' />
<link rel='stylesheet' id='shutter-css'  href='http://www.calligraphycompany.com/wp-content/plugins/nextgen-gallery/shutter/shutter-reloaded.css?ver=1.3.4' type='text/css' media='screen' />
<link rel='stylesheet' id='acx-si-style-css'  href='http://www.calligraphycompany.com/wp-content/plugins/floating-social-media-icon/style.css?ver=3.4.1' type='text/css' media='all' />
<script...

CSS

/*****
Image Menu
v 2.2
    *****/

#imageMenu {
    height: 208px;
    overflow: hidden;
    border-style: none;
     margin: 0 auto;
  width: 964px;
    padding: 8px 0 20px 0px;
}

#imageMenu ul {
    list-style: none;
    margin: 0px;
    display: block;
    height: 200px;
    padding: 0;
    }

#imageMenu ul li {
    float: left;
    padding-bottom: 12px;
    padding-top: 12px;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;

}

#imageMenu ul li a {
    text-indent: -1000px;
    background:#ffffff none repeat scroll 0%;
    border-right: 2px solid white;
    cursor:default;
    display:block;
    overflow:hidden;
    width:133px;
    height: 200px;
        margin: 0;
    padding: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}


#imageMenu ul li.bk6 a {
    border-right-style: none;
}


.clear {
    clear: both;
}