JSFiddle - React, Tailwind, and code Playground

by gbin1

HTML

<div id="container">
<a href="http://www.gbin1.com" id="gbin1">GBIN1</a>
</div>

CSS

#container{
        margin: 40px auto;
        line-height: 100px;
        font-family: arial;
        width: 500px;
        padding-top: 150px;
    }

    #gbin1{
        color: #CCC;
        padding: 10px;
        margin: 10px;
        text-decoration: none;
        background: #303030;
        border-radius: 4px 4px 4px 4px;
    }


    #gbin1:before{
        content: "";
        padding: 10px 15px;
        margin: 10px 15px;
        background: url("http://gbin1.com/technology/css/20120426introduction-of-pseduo-class/images/gbin1icon.png") no-repeat scroll 0% 50% transparent;
    }


    #gbin1:after{
        content: attr(href);
        padding: 20px;
        margin: 20px;
    }