如何在一行內居中文本

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