JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<div id="contact">To contact a physician recruiter, call 1.800.000.0000 or e-mail <a href="mailto:[email protected]">[email protected]</a>.</div>
<br>
<footer class="footer">
    <ul>
        <li><a href="/index.html" title="Home">Home</a>
        </li>|
        <li><a href="/knowing.html" title="Knowing">Knowing</a>
        </li>|
        <li><a href="/caring.html" title="Caring">Caring</a>
        </li>|
        <li><a href="/working.html" title="Working">Working</a>
        </li>|
        <li><a href="/living.html" title="Living">Living</a>
        </li>|
        <li><a href="/opportunities.html" title="Opportunities">Opportunities</a>
        </li>|
        <li><a href="/medicalservices.html" title="Medical Staff Services">Medical Staff Services</a>
        </li>
        </ul>asdf asdf asdf &copy; 2014
</footer>

CSS

body {
    background: #00529b;
    /* Old browsers */
    background: -moz-linear-gradient(left, #00529b 0%, #207cca 30%, #207cca 70%, #00529b 100%);
    /* Firefox 3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #00529b), color-stop(30%, #207cca), color-stop(70%, #207cca), color-stop(100%, #00529b));
    /* Chrome; Safari 4+ */
    background: -webkit-linear-gradient(left, #00529b 0%, #207cca 30%, #207cca 70%, #00529b 100%);
    /* Chrome 10+; Safari 5.1+ */
    background: -o-linear-gradient(left, #00529b 0%, #207cca 30%, #207cca 70%, #7db9e8 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #00529b 0%, #207cca 30%, #207cca 70%, #7db9e8 100%);
    /* IE 10+ */
    background: linear-gradient(to right, #00529b 0%, #207cca 30%, #207cca 70%, #00529b 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00529b', endColorstr='#00529b', GradientType=1);
    /* IE6 thru 8 */
    color: #FFF;
    font-size: 75%;
    /* Base browser font size is 14px */
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5;
    text-align: center;
    margin: 0 auto;
    width: 75%;
    clear: both;
}
a, a:link, a:hover, a:active, a:visited {
    text-decoration: none;
    color: #cccccc;
}
a[href^="mailto:"] {
    color: #cccccc;
}
ul {
    margin: 0 auto;
    padding:0;
}
li {
    text-align: center;
    display: inline;
}
.footer a:link, .footer a:visited, .footer a:active, .footer a:hover, {
    text-align: center;
    color: #cccccc;
}