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; }

---

效果图如下：