JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<h3>
Look at this other fancy little triangle pointing at me: 
</h3>
</div>

CSS

h3{
  padding:0;
  margin:0;
}
div{
  
  display:inline-block;
  position:relative;
  overflow:hidden;
  padding-right:15px;
}
div::after{
  content:"";
  position:absolute;
  width:15px;
  height:15px;
  right:0px;
  top:50%;
  transform: translate(50%, -50%) rotate(45deg);
  background:#F00;
  
}