在項目中遇到過中間文字，兩邊橫線的布局，如下圖：

兩邊橫線我們可以使用標簽的上邊框或者下邊框，然后對中間的文字使用 vertical-align 屬性來控制。

html

CSS

在css樣式中使用 vertical-align: middle，然后就發現跟UI圖有一點點區別，橫線沒有完全在文字的中間 

查找 vertical-align 的屬性就會發現有length 和 % 兩個屬性