如何添加一個不影響中間對齊的小div？

Question

我有一箇中間對齊分頁的佈局。

尋呼是中間對齊的是這一招：

.pager_wrap 
{ 
    float: left; 
    position: relative; 
    left: 50%; 
} 
.pager 
{ 
    float: left; 
    position: relative; 
    left: -50%; 
} 

這似乎是工作的罰款。

但有一個請求在尋呼機的右側添加一個像按鈕一樣的facebook，但不影響尋呼的位置和中間對齊。

我正在考慮以某種方式將facebook像放在.pager-wrap div之後的div中，並以某種方式修改其垂直對齊以覆蓋.pager-wrap div。

我不是CSS中的法師，這些問題往往需要很長時間才能弄清楚。有人可以幫我解決這個問題嗎？

Answer 1

放置在一個DIV Facebook圖標，位置它比較，浮動的權利，如果需要應用的z-index把它在棧上更高。

Answer 2

.button 
{ 
    float: right; 
    position: relative; 
    right: 10%; 
} 

Answer 3

而不是float你可以給display:inline-block到它的&文本text-align:center到它的父爲center your paging DIV。可能是你寫這樣的：

.pager_wrap 
{ 
    background:red; 
    text-align:center; 
} 
.pager 
{ 
    background:yellow; 
    display:inline-block; 
    *display:inline /*IE*/ 
    *zoom:1; 
    text-align:right; 
    padding:10px; 
} 
.facebook{ 
    float:right; 
    width:30px; 
    height:40px; 
    background:blue; 
} 

入住這http://jsfiddle.net/DdPtv/