Arrow after speech bubbles

after-arrow.css

.element::after {
  content: "";
  position: absolute; // make the <element> positioned relative
  top: 0; // position this where you want the bubble
  left: 0;
  border: 15px solid transparent;
  border-bottom-color: red;
  display: block;
  width: 0;
}