JSFiddle - React, Tailwind, and code Playground

by GreLI

HTML

<div class="border7">
    <div class="border7-inner">
        Blablabla blablabla blablabla balballa bla abl  abl<br><br><br>
        Какой-то текст диалога тут
    </div>
</div>

CSS

body {
    margin:20px;
}
.border7 {
    position:absolute;
    padding:25px 35px;
    color:#FFF;
    font:700 12px/15px Arial,sans-serif;
}

.border7-inner {
    width:310px;
    height:150px;
    background:#1B2F4A;
}

.border7:before,
.border7:after {
    position:absolute;
    font-size:0;
    z-index:-1;
}
.border7:before {
    top:-3px;
    right:-5px;
    bottom:87px;
    left:88px;
    clip:rect(0, auto, auto, -96px);
    text-indent:-95px;
   ...