给一行文字的左侧、右侧、两端添加横线

效果是酱婶的：

HTML布局：

css样式：

源代码-css：

 1 .cityLineLeft {
 2     vertical-align: middle;
 3     text-align: left;
 4     display: inline-block;
 5     width: 100%;
 6     border-top: 1px solid #ccc;
 7 }
 8 
 9 .cityLineRight {
10     vertical-align: middle;
11     text-align: right;
12     display: inline-block;
13     width: 100%;
14     border-top: 1px solid #ccc;
15 }
16 
17 .cityLineText {
18     vertical-align: middle;
19     font-size: 1.3em;
20     color: #999;
21 }

View Code