JSFiddle - React, Tailwind, and code Playground

by tchalvakspam

HTML

<label>Some stuff in here</label>

CSS

label {
    display:block;
    height: 30px;
    line-height:30px;
    width: 200px;
    background: skyblue;
    position: relative;
    text-transform:uppercase;
    color:#333;
    font-weight:bolder;
    padding:0 1em;
    vertical-align:middle;
}

label:after {
    height: 0;
    width: 0;
    display: inline-block;
    position: absolute;
    right: -30px; 
    content: " ";
    border-bottom: 30px solid skyblue;
    border-right: 30px solid transparent;
}