无法将图像放在div的中间

Question

我正在尝试按照本教程使图像在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;

我认为关于垂直对齐的部分：中间;会做的伎俩，但事实并非如此。我可以用任何方式将按钮垂直放在那里吗？

谢谢！

Answer 1

http://www.brunildo.org/test/img_center.html是我能找到的最好的。

Answer 2

这会有用吗？

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