文字周围有横线的css

大概就是这种样式图。代码如下：

<span class="line"></span>

css:
display: inline-block;
         width: 18px;
         border-top: 1px solid #ccc ;
         margin-bottom: 4px;

其实还是通过css把span元素变成一个扁扁的线啦。。。