HTML中 用CSS样式实现 文字两边添加水平线

(1)html中的代码:

<div class="content">
    <p class="title">新特卖每日早10晚8上新</p>
</div>

(2)css样式中的代码:

.content{
    width: 960px;
    margin: 100px auto;
    border-top: 1px solid black;
    position: relative;
}

.content .title{
    width: 320px;
    height: 50px;
    background: #FFFFFF;
    text-align: center;
    line-height: 50px;
    font-size: 25px;
    color: #666666;
    position: absolute;
    top: -25px;
    left: 320px;
}

效果图如下:

这里写图片描述

发表评论

电子邮件地址不会被公开。 必填项已用*标注