JSFiddle - React, Tailwind, and code Playground

by nirus

HTML

<div>Test</div>

CSS

div{
    border:3px solid red;
    position:relative;
    width:50px;
    text-align:center;
}div:before{
    content:"";
    display:block;
    width:0;
    border:10px solid red;
    border-color:red  transparent transparent transparent;
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-10px;
}