HTML – 即使它是空的,如何使div占用空间？

我有两个用div包裹的图像,一个带有标题而另一个没有：

相应的css如下：

.figure {
    display: inline-block;
}
.figure a {
    display: block;
}
.figure .caption {
    text-align: center;
    display: block;
    height: 22px;
}

我的问题是,即使我已经将高度属性分配给字幕div,它仍然不占用空间,因此图像的顶部不对齐.有没有解决这个问题？问题代码也可在http://cssdesk.com/cF7G9获得.
最佳答案
加：


.figure {
    vertical-align: top
}


                        
（编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!