如何使用CSS在水平线中间添加文字？

如何使用CSS将文字显示在水平线中间？下面本篇文章就来给大家介绍使用CSS实现文字显示在水平线中间效果的方法，希望对大家有所帮助。

CSS提供了在网页中间制作包含文字或图像的水平线以使其具有吸引力的功能，这可以通过使用简单的CSS属性来实现。

语法：

示例1：将文字显示在水平线中间

效果图：

示例2：将图像显示在水平线中间

效果图：

本文参考地址： https://www.html.cn/qa/css3/10295.html

先设置一个div的宽高，使用text-align水平居中；再使用line-height上下居中即可（line-height设置的高度需跟div的高度一致） 代码如下 .ceter{ width:700pxheight:700pxborder:1px solid #F00text-align:centerline-height:700px}

解决wps怎么在横线的上面和下面添加文字的步骤如下：

1.首先打开WPS文字，点击插入，选择形状。

2.选择直线，并在文字上方画出直线。

3.双击直线，或者右击选择设置对象格式。可以改变直线的样式。

4.输入文字并选中右击。

5.在d出框中选择下划线，并设置下划线颜色。

6.最终效果。这样就解决了wps怎么在横线的上面和下面添加文字的问题了。

---