JSFiddle - React, Tailwind, and code Playground

by Valentin Radulescu

HTML

&nbsp;&nbsp;&nbsp;&nbsp;<div class="triangle">a</div>

CSS

.triangle{
    background-color: red;
    position: relative;
    left: 100px;
}
.triangle, .triangle:before {
    margin: -1.08253em -1.25em;
    width: 2.5em;
    height: 2.16506em;
}
.triangle:before{
    background-color: blue;
}
.triangle:before {
    content: '';
    z-index: 1;
    position: relative;
    left: -10px;
}