JSFiddle - React, Tailwind, and code Playground

by Noir Noir

HTML

<div class="pane">Одна строка</div>
<div class="pane">Две <br/>строки</div>

CSS

.pane {
  position: relative;
  display: inline-block;;
  background: #999;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  margin-bottom: 10px;
  margin-right: 20px;
 }
  
 .pane:before {
   content: '';
   position: absolute;
   top: 7px;
   right: 0;
   width: 0;
   height: 0;
   margin: 0 -10px 0 0;
   border-top: 7px solid transparent;
   border-bottom: 7px solid transparent;
   border-left: 10px solid #999;
}

.pane:after {
  content: '';
  position: absolute;
  bottom: 7px;
  right: 0;
  width: 10px;
  height: 14px;
  margin: -10px -10px 0 0;
  background: #fff;
}