JSFiddle - React, Tailwind, and code Playground

by Rakesh Vadnal

HTML

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

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

CSS

.bubble {
    margin: 50px;
    padding: 50px;
    position: relative;
    border:1px solid #dadada;
}
.bubble:after {
    border-color: #FFFFFF transparent #FF0000;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #FFFFFF;
    content: "";
    left: 20px;
    position: absolute;
    top: 100%;
}