JSFiddle - React, Tailwind, and code Playground

by kasperfish

HTML

<div id="frame">
<div class="arrow-right"></div>
<div class="title">Some text here!</div>
</div>

CSS

#frame{
    width:90%;
    border: 20px solid lightblue;
    background:black;
}
.title{
    font-size:3em;
    position:absolute;
    color:white;
    top: 60px;
    margin-left:80px;
}
.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;
	
	border-left: 60px solid lightblue;
}