Create triangle with CSS

by ronnjoe

HTML

<div class="triangle">
<p>Hi Hello</p>
</div>

CSS

.triangle p::after {
  border-color: transparent transparent #000;
  border-style: solid;
  border-width: 10px;
  content: "";
  position: absolute;
  margin:-5px 0px 0px 10px;;
}