JSFiddle - React, Tailwind, and code Playground

by Ben Clayton

HTML

<div id='box'>
<div id='wedge'>
a a a a a a a a a a a a a a
</div>
hjewfg f ewgfhj wegfjwgefjh wehjfwehjfghjwegfjhwefjhg wejhf wejhf gjhwe fhjwe fjhweg fhjwegfhjgwe jfgwejhf gwhej gfjkhwegfjhwegfjh
</div>

CSS

#box {
  width:200px;
  height:300px;
  border:1px solid green;
}
#wedge {
  width:0px;
  height:0px;
  border-top: 100px solid transparent;
    border-bottom: 100px solid transparent;
    border-left: 100px solid green;
  border-style:solid;
  
  xbackground-color:red;
  float:left;
}