JSFiddle - React, Tailwind, and code Playground

HTML

<div class="navigation">
    <div class="nav_outer">
        <ul>

            <li>
                 <h2><a href="#"><span>Some text here that says stuff, and whatever.</span></a></h2>

            </li>

        </ul>
    </div>
</div>

CSS

body {
    background:;
    font-family:Arial, Helvetica, sans-serif;
    color:#666666;
    height:100%;
}
* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}

.navigation .container {
    padding:8px;
}
.navigation .nav_outer {
    background-color:#fff;
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#808080), color-stop(100%, #cccccc));
    background-image:-webkit-linear-gradient(top, #808080 0%, #cccccc 100%);
    background-image:-moz-linear-gradient(top, #808080, #cccccc 100%);
    background-image:-o-linear-gradient(top, #808080, #cccccc 100%);
    background-image:-khtml-linear-gradient(top, #808080, #cccccc 100%);
    background-image:-ms-linear-gradient(top, #808080 0%, #cccccc 100%);
    background-image:linear-gradient(top, #808080, #cccccc 100%);
    background-repeat:repeat-x;
    padding:1px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -o-border-radius:2px;
    -khtml-border-radius:2px;
    -ms-border-radius:2px;
    border-radius:2px;
}
.navigation ul {
    background-color:#fff;
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#999999), color-stop(100%, #a6a6a6));
    background-image:-webkit-linear-gradient(top, #999999 0%, #a6a6a6 100%);
    background-image:-moz-linear-gradient(top, #999999, #a6a6a6 100%);
    background-image:-o-linear-gradient(top, #999999, #a6a6a6 100%);
    background-image:-khtml-linear-gradient(top, #999999, #a6a6a6 100%);
    background-image:-ms-linear-gradient(top, #999999 0%, #a6a6a6 100%);
    background-image:linear-gradient(top, #999999, #a6a6a6 100%);
    background-repeat:repeat-x;
    padding:8px 0 8px 8px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -o-border-radius:2px;
    -khtml-border-radius:2px;
    -ms-border-radius:2px;
    border-radius:2px;
    overflow:hidden;
}
.navigation li {
   ...