1. vertical-align属性实现效果：

vertical-align 属性设置元素的垂直对齐方式。

该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。

中间文字，两边横线

2. css伪类实现效果：

<div class="header"><div>中间文字,两边横线</div></div>

<style>.header{width:400px;height:36px;line-height: 36px;text-align:center;border:1px solid green;position:relative;}.header div:before,.header div:after{position:absolute;background:#ccc;content:"";height:1px;top:50%;width:100px;}.header div:before{left:10px;}.header div:after{right:10px;}</style>