JSFiddle - React, Tailwind, and code Playground

by Jaak Kütt

HTML

<div></div>

CSS

div{
    margin:50px;
    background-color:red;
    width:100px;
    height:100px;
    position:relative;
}
div:after{
   content: "♦";
    position: absolute;
    left: 0px;
    top: 0px;
    color: #FF0;
    width: 25px;
    height: 35px;
    font-size: 100px;
    text-indent: -25px;
    line-height: 0px;   /* has to be -3px :D */
    overflow: hidden; 
}