html - 不同高度的UL均匀边距

Question

我有一个 UL，其中包含一个投资组合的多张照片，其中只有一些照片需要包含模型名称的简单文本行。

我是这样写的：

<ul> 
<li><img src="img/1.jpg" alt="image" /><p>Model Name</p></li>
<li><img src="img/2.jpg" alt="image" /></li>
</ul> 

我的问题是带有文本的照片将位于更高的位置（就像它与顶部的边距不同）这是我要描述的屏幕：

我想要的是所有照片上方都有相同的空间。

完整的代码可以在这里看到：http: //prv.sampettersson.com

Answer 1

诀窍是vertical-align: top在<li>-elements 上使用。默认设置baseline会导致您看到的结果。