JSFiddle - React, Tailwind, and code Playground

by brianlmerritt

HTML

<link rel="stylesheet" href="http://www.southernsun.com.au/wp-content/themes/Southernsun/style.css">
<body>
    <div class="container">
        <!--<div class="left1bg"></div>
        <div class="left2bg"></div>
        <div class="right1bg"></div>
        <div class="right2bg"></div>
        <div class="leftshadowbg"></div>
        <div class="rightshadowbg"></div>-->
        <div class="header">
            <div class="top">
                <div> <a href="http://www.southernsun.com.au"><img style"display:block" src="http://www.southernsun.com.au/wp-content/themes/Southernsun/images/Logo.jpg" /></a>
                    <img src="http://www.southernsun.com.au/wp-content/themes/Southernsun/images/headlog.png" style="display:block" />
                </div>
                <div class="seachdiv">
                    <form method="get" id="searchform" action="http://www.southernsun.com.au/">
                        <input type="text" name="s" id="s" value="Search..." />
                        <input type="submit" name="submit" id="searchsubmit" class="searchsubmit" value="" />
                    </form>
                </div>
                <div class="linkdiv">
                    <ul>
                        <li><a href="http://www.facebook.com/pages/Southern-Sun-Skin-Cancer-Clinic/134789343262003?sk=wall" title="Facebook" target="_blank"><img src="http://www.southernsun.com.au/wp-content/themes/Southernsun/images/FB.png"  alt="Facebook"  title="Facebook" /></a>
                        </li>
                        <li><a href="http://twitter.com/#!/skincancers" title="Twitter" target="_blank"><img src="http://www.southernsun.com.au/wp-content/themes/Southernsun/images/Tw.png"  alt="Twitter"  title="Twitter" /></a>
                        </li>
                        <li><a href="http://www.linkedin.com/company/southern-sun-healthcare" title="Linkedin" target="_blank"><img src="http://www.southernsun.com.au/wp-content/themes/Southernsun/images/IN.png" ...

CSS

.left2bg {
    background:none;
}
.left1bg {
    background:none;
}
.right2bg {
    background:none;
}
.right1bg {
    background:none;
}
.Main-menu a {
    text-indent:0px;
    color:white;
    display: block;
    width:80px ;
    padding:10px 15px;
    text-decoration:none;
}
.menu-item:hover {
    background:red;
}