CSS提供了在网页中间制作包含文字或图像的水平线以使其具有吸引力的功能，这可以通过使用简单的CSS属性来实现。
语法：
示例1：将文字显示在水平线中间
效果图：
示例2：将图像显示在水平线中间
效果图：
本文参考地址： https://www.html.cn/qa/css3/10295.html
例如将两个按钮对齐，方法和详细的操作步骤如下：
1、第一步，打开html编辑器并创建一个新的html文件，见下图，转到下面的步骤。
2、第二步，执行完上面的操作之后，输入CSS代码“button {display: inline-block}”，见下图，转到下面的步骤。
3、第三步，执行完上面的操作之后，浏览器运行“index.html”页面，两个元素位于同一水平线上了，见下图。这样，就解决了这个问题了。
<html><head>
<style>
hr{width:1height:100color:#ff9966}
.h1{width:1height:200color:#ff0000}
</style>
</head>
<body>
<hr>
<hr class="h1">
</body>
</html>
width可以设置，height在IE中最高显示100px
