JSFiddle - React, Tailwind, and code Playground

by jasonpaulweber

HTML

<table>
<tr>
<td>
<a href="http://www.facebook.com/ussvision" target="_blank">
    <div class="homepage fbook"></div>
</a>
</td>
<td>
<a href="http://www.twitter.com/ussvision" target="_blank">
    <div class="homepage twit"></div>
</a>
</td>
<td>
<a href="http://www.youtube.com/ussvision" target="_blank">
    <div class="homepage yt"></div>
</a>
</td>
<td>
<a href="http://bit.ly/USSgoogle" target="_blank">
    <div class="homepage goog"></div>
</a>
</td>
<td>
<a href="http://linkd.in/u3V69o" target="_blank">
    <div class="homepage linked"></div>
</a>
</td>
</tr>
</table>

CSS

.homepage{
    width:23px;
    height:23px;
    background-image: url(http://www.ussvision.com/images/sprite-homepage.jpg); 
    background-repeat:no-repeat;
}
.fbook{
    background-position: 0px 0px;
}
.twit{
    background-position: -25px 0px;
}
.yt{
    background-position: -50px 0px;
}
.goog{
    background-position: -103px 0px;
}
.linked{
    background-position: -150px 0px;
}