css实现文字在横线上居中
Posted susu0110
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css实现文字在横线上居中相关的知识,希望对你有一定的参考价值。
效果图
html代码:
<body> <p class="p1">中间</p> <div class="div"> </div> </body>
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; }
以上是关于css实现文字在横线上居中的主要内容,如果未能解决你的问题,请参考以下文章