JSFiddle - React, Tailwind, and code Playground

by B L Praveen

HTML

<div style="width:600px;position:relatve;height:100px;">
    <span class="arrow-top"></span>
</div>

CSS

.arrow-top {
    background:url(https://cdn0.iconfinder.com/data/icons/slim-square-icons-basics/100/basics-07-24.png) no-repeat transparent;
    width:24px;
    height:24px;
    display:inline-block;
    position:absolute;
    left:200px;
    top:0px;
}
.arrow-top:before {
    border-bottom:1px solid #4c4c4c;
    width:100%;
    content:' ';
    position:absolute;
}