如何元素集中位置與另一在同一行

Question

在頁面的最右下角的浮動，我有這樣的標記：

<footer class="general"> 
    <span class="fr">&copy; Copyright 2013</span> 
    <h3>Stuff written here</h3> 
</footer> 

類「FR」讓元素浮動權。我實際上想要實現的目標是將標題和跨度放在同一行上，但我希望跨度正確地浮動，標題相對於整個寬度居中，而不是在左邊緣和跨度之間居中（這是我目前的情況）。

特定的CSS代碼：

.general 
{ 
    margin: 5px 0; 
    text-align: center; 
    text-transform: uppercase; 
} 

.fr 
{ 
    float: right; 
} 

Answer 1

如何在h3中添加一些樣式？

This works對我來說：

.general 
{ 
    margin: 5px 0; 
    text-align: center; 
    text-transform: uppercase; 
} 
.general h3 
{ 
    width:250px; 
    margin: 5px auto; 
} 
.fr 
{ 
    float: right; 
} 

Answer 2

嘗試使用這個CSS：

.general { 
    position:relative; 
} 
.fr { 
    position:absolute; 
    right:0; 
} 
.general h3 { 
    text-align:center; 
    margin:0; 
} 

jsFiddle example

通過改變從float:right的.fr類position:absolute; right:0你的流量將其刪除該文件使得h3元素可以以中心爲中心它受到跨度的影響。