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

转载于:https://www.cnblogs.com/susu0110/p/10856999.html

css实现文字在横线上居中相关推荐

css之文字在图片上居中显示
< html lang="en"> < head> < meta charset="UTF-8"> < meta na ...
css实现文字中间横线,css实现文字居中两边横线效果的示例代码
本文介绍了css实现文字居中两边横线效果的示例代码,分享给大家,具体笔记如下: 效果: content="width=device-width, user-scalable=no, init ...
css文字在div中,[html][css]让文字在div中居中的方法[转]
转至:http://dreamweaver.abang.com/od/divcss/a/vertical-align.htm 一.行高(line-height)法如果要垂直居中的只有一行或几个文字, ...
CSS实现文字两边横线,CSS实现文字两边线条
先看效果,其他方式登陆两边各有一条横线代码如下,用的是scss语法: uniapp中,如果是普通的html,将view替换成div即可. <view class="other-log ...
css将文字置于图片上的方法
我们在开发的时候,有大量的场景需要将文字至于图片之上,如图: 以上是将"空山新雨后,天气晚来秋"加在图片之上.对于大多数情况,我们都可以将图片作为背景图引入,但有些时候不能将图片作 ...
html/css使文字图片div在整个网页上居中（水平居中+垂直居中）transform属性配置
在使用html/css编写网页时,有时需要让一段文字或图片等在整个网页居中,即既是水平居中又是垂直居中,而单单使用 text-align:center 只是让文字在水平上居中,而无法在垂直方向上也居中 ...
用CSS让文字居于div的底部
css对文字的布局上没有靠容器底部对齐的参数,目前使用的一个不错的方法也比较好.就是用position属性来解决,看下面的代码,用position的相对和绝对定位功能也轻松的实现了,文字靠近div低部 ...
在div中使用css让文字底部对齐的方法
2019独角兽企业重金招聘Python工程师标准>>> css对文字的布局上没有靠容器底部对齐的参数,不过我们可以使用position的相对和绝对定位功能轻松实现文字靠近div底部对 ...
html文字左右两边有居中的直线,css怎么实现文字居中两边横线效果
css怎么实现文字居中两边横线效果发布时间:2021-03-19 09:50:44 来源:亿速云阅读:92 作者:小新这篇文章将为大家详细讲解有关css怎么实现文字居中两边横线效果,小编觉得挺实 ...

css实现文字在横线上居中

效果图

html代码：

css代码：

css实现文字在横线上居中相关推荐

最新文章

热门文章