实现下划线比文字短

第一种方法：

用after 伪元素：

伪元素只支持IE8以上胡浏览器

.head_line:after{
content:’’;
display:block;
width:30px;
border-bottom:2px solid #ff3700;
margin: 0 auto;
}

第二种方法：

html：

css：
.head_line{
height: 2px;
display:block;
width:30px;
background-color: #ff3700;
margin: 0 auto;
}