如何在一行内居中文本

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