css 画一条水平直线和垂直竖线

之前最初的水平横线，我们通常用的是<hr class='hori-line' />
而如果我们不用

---

怎么画呢？其实很简单，用div 去模拟, 给它合适的width 和 height，border即可

/*水平横线*/
.hori-line {
    width: 50%;
    height: 1px;
    border-top: solid #C0CBE91px;
}

/*垂直竖线*/
.vertical-line {
    width: 50px;
    height: 20%;
    border-right: solid #C0CBE91px;
}

<div class="hori-line">水平竖线</div>
<p class="vertical-line">垂直横线</p>
<div class="hori-line">水平竖线</div>