css实现一个竖线

前端经常会收到这样一个样式需求，需要写一个竖线或者横线。

我的实现

   .splitLine {
        width: 1px;
        height: 20px;
        background: #D1D5D9;
        margin-top: unset;
        margin-left: 18px;
        margin-right: 30px;
    }

    .splitLine:before {
        content: '';
        display: inline-block;
    }

  <div class="splitLine"></div>

如果是横线的话，直接修改width和height就行。

css不是很擅长，如果有更好的办法，希望大佬们不吝赐教