CSS实现横或竖的分隔线分界线

在仿b站主页的时候，遇到分割线的问题。

横分割线一般使用标签hr
竖分割线其实可以用div的背景色来做

html代码

<div class="line"></div>

css代码

.line{
 	background:#E7E7E7;/*背景色为浅灰色*/
	width:0.6px;/*设置宽高*/
	height:45px;
	position:relative;/*调整位置*/
	left:150px;
	float:left;/*让此div与前面的并排显示*/
}

实现后