JSFiddle - React, Tailwind, and code Playground

HTML

<div id="nst_block">
    <div id="social_body">
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td> <a id="social_facebook" onclick="window.open(this.href,'external');return false;" href="http://www.facebook.com/pages/Jenier-Teas/261107327023"><span>icon</span>Facebook</a>

                </td>
                <td> <a id="social_twitter" onclick="window.open(this.href,'external');return false;" href="http://twitter.com/JenierTeas"><span>icon</span>Twitter</a>

                </td>
            </tr>
            <tr>
                <td> <a id="social_linkedin" onclick="window.open(this.href,'external');return false;" href="#"><span>icon</span>Google+</a>

                </td>
                <td> <a id="social_share" onclick="window.open(this.href,'external');return false;" class="addthis_button share"><span>icon</span>Share This</a>

                </td>
            </tr>
        </table>
    </div>
</div>

CSS

#nst_block #social_body table {
    background: none repeat scroll 0 center transparent;
    border: 1px dashed black;
    height: 75px;
    margin: 0 auto;
    width: 280px;
}

#nst_block #social_body table td {
    background: 0;
    border: 0;
}
#nst_block #social_body table a:hover {
    color: #EF7F25;
    text-decoration: underline;
}
#nst_block #social_body table a {
    color: #a2b2c6;
    text-decoration: none;
    line-height: 2.3em;
}
#nst_block #social_body table a {
    border: 0 none;
    font-family: inherit;
    font-size: 16px;
    font-style: inherit;
    font-weight: inherit;
    line-height: 24px;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

#nst_block #social_facebook span {
    display: block;
    float: left;
    text-indent: -9999px;
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0;
    background: transparent url("http://i.imgur.com/QglLT5Q.png") 0 0 no-repeat;
    box-shadow: 0px 5px 3px #303853;
}
#nst_block #social_twitter span {
    display: block;
    float: left;
    text-indent: -9999px;
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0;
    background: transparent url("http://i.imgur.com/QglLT5Q.png") -24px 0 no-repeat;
    box-shadow: 0px 5px 3px #303853;
}
#nst_block #social_linkedin span {
    display: block;
    float: left;
    text-indent: -9999px;
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0;
    background: transparent url("http://i.imgur.com/QglLT5Q.png") -48px 0 no-repeat;
    box-shadow: 0px 5px 3px #303853;
}
#nst_block #social_share span {
    display: block;
    float: left;
    text-indent: -9999px;
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0;
    background: transparent url("http://i.imgur.com/QglLT5Q.png") -72px 0 no-repeat;
    box-shadow: 0px 5px 3px #303853;
}