Как сделать такой псевдоэлемент?

Question

[Сергей Примиренков]

Как сделать такой псевдоэлемент в виде треугольника?

Answer 1

[Николай]

.block {position: relative;}
.block:after {
content: "";
position: absolute;
top: 20px;
left: -15px;
width: 0;
height: 0;
border-style: solid;
border-width: 12.5px 15px 12.5px 0;
border-color: transparent #007bff transparent transparent;
}

Answer 2

[display: block]

https://www.sitepoint.com/pure-css3-speech-bubbles/