在项目中遇到过中间文字，两边横线的布局，如下图：

两边横线我们可以使用标签的上边框或者下边框，然后对中间的文字使用 vertical-align 属性来控制。

html

CSS

在css样式中使用 vertical-align: middle，然后就发现跟UI图有一点点区别，横线没有完全在文字的中间 

查找 vertical-align 的属性就会发现有length 和 % 两个属性