JSFiddle - React, Tailwind, and code Playground

by bgrins

HTML

<div>Up: <div class="arrow-up"></div></div>


<div>Down: <div class="arrow-down"></div></div>

CSS

.arrow-up {
    display: inline-block;
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-bottom: 5px solid #333;
}

.arrow-down {
    display: inline-block;
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-top: 5px solid #333;
}