JSFiddle - React, Tailwind, and code Playground

by J. Albert Bowden

HTML

<div id="social-media">
    <a class="twitter">Twitter</a>
</div>

CSS

.twitter{
    text-indent:-9999px;
    display:block; 
    position:relative;
}
.twitter:before,.twitter::before{
    content:"T";
     position:absolute;
    width:10px;
    height:15px;
    z-index:100; 
    text-indent:9999px;
}