/*子导航样式*/
div.subnav-banner {
height: 60px;
line-height: 60px;
text-align: center;
width:1180px;
margin: 20px auto;
}
.subnav-banner .line {
display: inline-block;
width: 44%;
border-top: 1px solid #ccc ;
}
.subnav-banner .txt {
color: #686868;
vertical-align: -7px;
font-size: 23px;}
/*html代码*/
<div class="subnav-banner">
<span style="white-space:pre;"> </span><span class="line"></span>
<span style="white-space:pre;"> </span><span class="txt">合作客户</span>
<span style="white-space:pre;"> </span><span class="line"></span></div>
//文字大小可以重新调整font-size的大小 文字位置可以调整vertical-align的大小
CSS样式实现左右直线中间文字
最新推荐文章于 2024-05-23 17:50:15 发布