JSFiddle - React, Tailwind, and code Playground

by Roger Sanchez

HTML

<div class="triangle-left">
    <div></div>
</div>

CSS

.triangle-left {
  border-color: transparent black transparent transparent;
  border-style: solid;
  border-width: 20px;
  width: 0;
  height: 0;
}
.triangle-left div
{
  border-color: transparent white transparent transparent;
  border-style: solid;
  border-width: 10px;
  width: 0;
  height: 0;
    position:relative;
    top:-9px;
        left:0px;
}