Div 2跨度，居中1，右對齊其他，但保持第一個居中

Question

我有一個2跨度的div。我想保持第一個跨度相對於div居中，然後右對齊第二個（我從bootstrap使用拉右）。

在下面的JSBin中，你會看到我在做什麼。我希望Div1中的'Hello'跨度與Div2中的位置相同。 。換句話說，我想中心相對於父第一跨度，而不是在div任何其他跨度的影響...

這裏是我的jsbin：http://jsbin.com/cixun/1/

Answer 1

一種選擇是定位正確span絕對，相對div：

http://jsbin.com/wuged/1/edit

.row{ 
    position: relative; 
} 

.right{ 
    position: absolute; 
    right: 0; 
} 

<div class="row black center" > 
    <span class="first">Hello</span> 

    <span class="right">more text on the right</span> 
</div> 

Answer 2

這樣做的最好方法是絕對定位右跨度，而不是將其浮動。這將拿出來的流量，另跨度不會」的‘感覺’它，並在頁面

CSS

.row{position:relative;} /*required to make this a positioning container for abs.  
      positioned span */ 
.right{position:absolute;right:0px;} 

中心更正確地