将多个Div放在中心位置

Question

我在中心将3个div放在彼此旁边，但右边的那个似乎垂直高于其他2个div。 Check it out

.x-gallery-center {
width: 100%;
text-align: center;
}

.x-gallery-container {
    display: inline-block;
    margin: 10px;
    width: 250px;
    height: 370px;
    position: relative;
}

罪魁祸首是什么？

谢谢！

Answer 1

如果您将中心链接中的文字缩短似乎可以解决问题，请制作“KonferenciaRozvojľudskýchzdrojov” - ＆gt; “Konferencia”和div将会并排出现。

Answer 2

inline-block默认对齐是基线。将vertical-align:top添加到x-gallery-container课程。

.x-gallery-container {
-moz-box-shadow: 0 3px 5px rgba(0,0,0,.1); 
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.1); 
box-shadow: 0 3px 5px rgba(0,0,0,.1);
background-color: #FFFFFF;
display: inline-block;
margin: 10px;
width: 250px;
height: 370px;
position: relative;
vertical-align:top;
}

DEMO