如何水平對齊文本。一個詞在中心，第二個詞在右邊？

Question

如何水平對齊文本。一個詞在中心，第二個詞在右邊？

[    [One word at center]  [Second right]] 

Answer 1

嘗試這樣：

<p style="text-align:center;"> 
    <span>Center</span> 
    <span style="float:right;">Right</span> 
    <div class="clearix"></div> 
</p> 

Answer 2

一種方法是給父類兩種文本來「文本對齊：中心」並給第二個文本「浮動：權利」樣式。這裏是一個如何做到這一點的例子。

HTML

<div> 
<span>[One word at center]</span> 
<span class="right">[second right]</span> 
</div> 

CSS

div{ 
text-align: center; 
} 
.right{ 
float:right; 
} 

Live example on fiddle