HTML怎么让hr在文字右边居中,将居中文本添加到类似<hr />的行的中间

在不知道宽度和背景颜色的情况下解决此问题的方法如下：

结构体

Kringle

的CSS

.strike {

display: block;

text-align: center;

overflow: hidden;

white-space: nowrap;

}

.strike > span {

position: relative;

display: inline-block;

}

.strike > span:before,

.strike > span:after {

content: "";

position: absolute;

top: 50%;

width: 9999px;

height: 1px;

background: red;

}

.strike > span:before {

right: 100%;

margin-right: 15px;

}

.strike > span:after {

left: 100%;

margin-left: 15px;

}

示例：http：//jsfiddle.net/z8Hnz/

双线

要创建双线，请使用以下选项之一：

1)线间距固定

.strike > span