JSFiddle - React, Tailwind, and code Playground

by alma

HTML

<div id="talkbubble"></div>

CSS

#talkbubble 
{ 
    width: 100px;
    height: 35px;
    background: #FFCC05;
    position: relative;
    -moz-border-radius:8px 0 0 8px;
    -webkit-border-radius:8px 0 0 8px;
    border-radius:8px 0 0 8px;
    margin-right:50px;

} 

#talkbubble:before
{
    content:"";
    position: relative;
    right: 120px;
    width: 30px;
    height: 35px;
    border-top: 40px solid transparent;
    border-right: 26px solid #FFCC05;
    border-bottom: 40px solid transparent;
}