JSFiddle - React, Tailwind, and code Playground

HTML

<div id="bubble">
    <p>This is madness!</p>
</div>

CSS

#bubble {
    width:200px;
    height:100px;
    border:1px solid #000;
    -moz-border-radius:20px;
}
    #bubble p { 
        margin: 1em; 
        font-family:Comic Sans MS;
    }
#bubble:before {
    content:'';
    border:20px solid;
    border-color:#fff transparent transparent;
    position:absolute;
    top:110px;
    left:25px;
    z-index:2;
}
#bubble:after {
    content:'';
    border:20px solid;
    border-color:#000 transparent transparent;
    position:absolute;
    top:111px;
    left:25px;
    z-index:1;
}