Как добавить небольшой div, не влияющий на выравнивание по середине?

Question

У меня есть макет с пейджингом, выровненным по середине.

Пейджинг выровнен по центру, если уловка:

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

Кажется, это работает нормально.

Но был запрос на добавление кнопки, похожей на Facebook, справа от пейджера, но НЕ влияющей на положение и выравнивание по центру страницы.

Я думал о том, чтобы как-то поместить фейсбук в правое поле.после .pager-wrap div и каким-то образом изменив его вертикальное выравнивание так, чтобы оно превышало .pager-wrap div.

Я не маг в css, и подобные проблемы, как правило, занимают очень много времени, чтобы понятьиз.Может ли кто-нибудь помочь мне в этом?

Answer 1

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

Answer 2

Вместо float вы можете дать display:inline-block его & text 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/

Answer 3

Поместите значок facebook в div, расположите его относительно, плавайте вправо и, если необходимо, примените z-index, чтобы поднять его выше в стеке.