CSS 如何在长方形中间加一条横线

1、html

<div class="arrow">
             <img src="~/assets/images/reportsModule/＞＞＞.png" alt="" srcset="" class="yo" style="transform: rotateY(180deg);">
  </div>

代码中的 rotateY(180deg) 是将图片由横的（——）变成竖的（|）

2、css

        .arrow{
                width:260px;
                text-align: center;
                position: relative;
            }
        .arrow::after{
            content: '';
            position: absolute;
            left: 50%; /* 横线居中 */
            top: 49%; /* 横线居中 */
            width: 260px; /* 横线的宽度 */
            height: 1px; /* 横线的高度 */
            background-color: #f0f0f0; /* 横线的颜色 */
            transform: translate(-50%, -50%); /* 使用transform居中横线 */
            opacity: 0.8;
        }