html 文字两边加横线\竖线

第一种：

//横线


  
  
文字在中间  
  



.products_title{
	width: 100%;
	height: 1rem;
	display:flex;
justify-content:center;
align-items:center;
margin: 0.5rem 0;
}
.products_title .txt{
	font-size: 0.56rem;
	padding: 0 0.6rem;
}
.products_title .line{
	display: inline-block;
	width: 1.2rem;
	height: 1px;
	background: #000;
}


  
		  
		文字在中间  
		 
	

//竖线


css中：
.line{
    display:inline-block;
    height: 导航条的高度(或者你觉得合适的高度);
    width: 1px;
    background: #000;
}