jQuery动画-带显示的列表项：内联块

我已经尝试使用jqueryanimate设置列表项高度的动画。但奇怪的“边距”出现在未设置动画的元素上。如果我更改remove display:inline block，并使用float:left，则一切正常。如果不改变display:inline块属性，我如何实现这一点

这里是jsbin：

---

使用

垂直对齐：顶部：

.lista li
{
    vertical-align: top;
}


内联块
元素是内联级元素。所以

此属性的默认值为
基线
。因此，如果拉伸其中一个图元的高度，线高度将拉伸到更高的高度，而其他较低的图元将放置在“线的底部”

请注意，标记不是关键字。在标签列表中填充与问题相同的单词（display、inline、block）无助于对其进行分类。务必阅读选择标签时出现的说明！