css로 [<,>] 만들기

<style>

i {border: solid black;border-width: 0 3px 3px 0;display: inline-block;padding: 3px;}

.right {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}

.left {transform: rotate(135deg);-webkit-transform: rotate(135deg);}

</style>

<p>Right arrow: <i class="right"></i></p>

<p>Left arrow: <i class="left"></i></p>

css로 arrow만들기

font-awsome (angle-down, angle-up)

https://www.w3schools.com/ 참고