JSFiddle - React, Tailwind, and code Playground

by Victor

HTML

<div class="info">
     <span class="symbol"></span>
    <h1>SSM</h1>
    <p> "I’d rather read the worst novel ever written than sit through the best movie ever made."</p>
   
</div>

CSS

.info {
padding:30px;
background: #222;
color:white;
    display:inline-block;
}
.info h1 {
    font-size:30px;
    font-weight:bolder;
    text-align: center;
    /* margin-bottom: 20px; */
}
.info p {
    max-width:220px;
    padding: 20px 0;
}
span.symbol {
	width: 0; 
	height: 0; 
    display:block;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	
	border-bottom: 15px solid white;  
    margin:0 auto;
}