JSFiddle - React, Tailwind, and code Playground

by razia

HTML

<div id="right">test</div>

CSS

#right {
background-color: #333;
height: 60px;
position: relative;
width: 150px;
border-radius:5px;
float:right;
font-family:Helvetica; 
color:#FFF;
text-align:center; 
line-height:55px; 
}

#right:after {
content: ' ';
height: 0;
position: absolute; 
width: 0; 
border: 10px solid transparent; 
border-top-color: #333; 
top: 100%; 
left: 50%; 
margin-left: -10px;
 }