JSFiddle - React, Tailwind, and code Playground

by kirito0709

HTML

<div class="block">Состав: ингридиент, ингридиент, ингридиент, ингридиент, ингридиент, ингридиент, ингридиент, ингридиент, ингридиент, ингридиент.</div>

CSS

.block {
    background: #694208d1;
    position: relative;
    width: 200px;
    color:#fff;
    padding:10px;
   }
   .block::after {
      content: '';
    position: absolute;
    right: 50%;
    bottom: -35px;
    border: 20px solid transparent;
    border-top: 15px solid #694208d1;
   }