JSFiddle - React, Tailwind, and code Playground

by Burkhard GS

HTML

<div class="test">
    
    
</div>

CSS

.test:before {
    position: absolute;
    background: #008000;
    display: inline-block;
    content: 'Live';
    -webkit-transform: rotate(-45deg);
    font-size: 10pt;
    top: 5px;
    left: -20px;
    font-weight: bold;
    color: #fff;
    padding: 2px 25px;
    box-shadow: 1px 1px 1px #000;
    font-family: Tahoma;
}
    
.test{
    background:#eee;
    width:150px;
    height:150px;
    display:inline-block;
    margin:50px;
    position:relative;
    overflow:hidden;
}