如何在一行中居中文本

Question

所以我试图在两条水平线之间创建一个带有文本的页面分隔符。但是，我很难让文本嵌套在两行中。

以下是我在JSFIDDLE ... My work in JSFIDDLE

中的工作

Answer 1

在您的css代码中添加：

.or{
    display: block;
    width: 100%;
    text-align: center;
}

demo

Answer 2

这是另一种方法，而不是答案，以防万一。

HTML

<div class="container">
    <hr class="floatLeft splitHR" /> 
    <span class="floatLeft or"> OR </span>
    <hr class="floatLeft splitHR" />
    <div style="clear:both;"></div>
</div>

CSS

.floatLeft {
    float:left;
}
.splitHR {
    width: 45%;
}
.or {
    width: 9%;
    text-align: center;
}
.container {
    width:100%;
}