JSFiddle - React, Tailwind, and code Playground

by amiramix

HTML

<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
    
    .box {
        position: absolute;
        width: 128px;
        height: 128px;
        background: #ddd;
        top: 200px;
    }
    
    .box.something {
        left: 100px;
    }
    
    .box.anything {
        left: 300px;
    }
    
    .box:before{
        background: url(http://dummyimage.com/64x32/000/fff/);
        content: " ";
        position: absolute;
        height:32px;
        width:32px;
        margin: -10px 0 0 -10px;
    }
    
    .something:before {
    }
    
    .anything:before {
        background-position: -32px 0;
    }
    
    </style>
</head>
<body>

    <div class="box something"></div>
    
    <div class="box anything"></div>

</body>
</html>