JSFiddle - React, Tailwind, and code Playground

HTML

<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>

CSS

p {
    position: relative;
    margin: auto;
    top: 100px;
    width: 20px;
    text-align: center;
    display: inline-block;
}
p:first-child:after {
    position: absolute;
    content:"";
    width: 0;
    top: -10px;
    left: 0;
    border-bottom: 10px solid rgba(0, 50, 250, 0.6);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    }