html设置一条横线在标题的两侧,css实现标题左右横线

最近用到了记录一下

页面

马上邀请好友得奖励

样式

.subtitle {

position: relative;

font-size: .24rem;

color: #999999;

height: 45px;

line-height: 45px;

text-align: center;

}

.subtitle:before {

content: "";

position: absolute;

width: 30%;

height: 1px;

top: 50%;

background-color: #ededed;

left: 2%;

}

.subtitle:after {

content: "";

position: absolute;

width: 30%;

height: 1px;

top: 50%;

background-color: #ededed;

right: 2%;

}

CSS实现标题右侧“更多”

HTML < h2>