JSFiddle - React, Tailwind, and code Playground

by Andreu

HTML

<div id="tringle"></div>
  	<div id="tringle2"></div>

CSS

#tringle {
    		left:10px;
		    width: 0; 
			height: 0; 
			border-left: 100px solid transparent;
			border-right: 100px solid transparent;
			border-bottom: 100px solid black;
		}
    	#tringle2 {
    	
    		left:10px;
		    width: 0; 
			height: 0; 
			border-left: 50px solid transparent;
			border-right: 50px solid transparent;
			border-bottom: 50px solid #FFF;
			left: 57px;
		    position: absolute;
		    top: 38px;
		   
		}