JSFiddle - React, Tailwind, and code Playground

by heeehong

HTML

<span class="arrow"></span>

CSS

.arrow {
    position: relative;
    float:left;
    border:1px solid red;
    width:50px;height:50px;
}

.arrow::after {
    position: absolute;
    left: 0; 
    top: 0; 
    content: '';
    width: 50px; /* 사이즈 */
    height: 50px; /* 사이즈 */
    border-top: 5px solid #000; /* 선 두께 */
    border-right: 5px solid #000; /* 선 두께 */
    transform: rotate(225deg); /* 각도 */
}