JSFiddle - React, Tailwind, and code Playground

HTML

<div id="triangle">
  <div id="circle">
    hello world
  </div>
</div>

CSS

#triangle {
  position: relative;
  
  width: 0;
  height: 0;
  
  border-bottom: 100px solid blue;
  border-right: 150px solid transparent;
}

#circle {
  position: absolute;
  top: 30px;

  width: 38px;
  height: 38px;
  padding: 16px;

  border-radius: 50%;
  
  background: red;
  color: white;
}