Блог

Я пытаюсь следовать этому руководству, чтобы выровнять изображение по центру div:

http://www.w3.org/Style/Examples/007/center#vertical

и вот страница, над которой я работаю:

http://www.comehike.com/hikes/hiking_group.php?hiking_group_id=2

Вы видите, что с правой стороны кнопка «присоединиться к группе» не центрирована по вертикали?

Я делаю этот css:

 width: 280px; 
float: right; 
border: 1px solid; 
margin-bottom: 5px; 
vertical-align: middle;  
display: block; 
display: table-cell;
  

И я думал, что часть о vertical-align: middle; сработает, но это не так. Как-нибудь я могу расположить кнопку там по центру вертикально?

Спасибо!

http://www.brunildo.org/test/img_center.html это лучшее, что я смог найти.

Сработает ли это?

 a.login_link img {
    display: block; 
    margin:auto;
}
a.create_profile_link img {
    display: block; 
    margin:auto;
}