css实现文字在横线上居中

佚名 6年前 (2019-05-13) 随笔 816人围观抢沙发百度已收录

效果图

html代码：

<body> <p class="p1">中间</p> <div class="div"> </div> </body>

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

css代码：

.p1 { display: inline-block; font-size: 20px; color: #4A4A4A; background-color: #fff; margin-left: 50%; padding: 5px 10px; position: relative; left: -30px; top: 30px; } .div { width: 1000px; margin: 0 auto; border-top: 1px solid #ccc; padding: 20px 5px; margin-bottom: 100px; }