JSFiddle - React, Tailwind, and code Playground

HTML

<blockquote class="testimonial">
    <p>"that guy is awesome"</p>
</blockquote>
<div class="down-arrow"></div>

CSS

.testimonial {
    margin: 0 0 0 30px;
    padding: 15px;
    position: relative;
    font-style: italic;
    border: 1px solid black;
}
            
.down-arrow {
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-right: 0px solid transparent;
    border-top: 35px solid white;
    margin: 0 0 0 85px;
}