Google chrome 垂直对齐：基线在Chrome中不起作用

老实说，我有一个非常愚蠢的问题。 不管怎么说，都是这样。 我一直在尝试使用垂直对齐：基线；这本身就在起作用。问题是它在IE和Firefox中都能工作。我的问题是，由于某些奇怪的原因，它在Chrome中不起作用。 chrome中问题的屏幕截图

这就是它应该看起来的样子（有一个14px的填充，否则它会在顶部） 它在IE和firefox中看起来是一样的

我没有使用表格来显示我的图片和文本（只是指出）

---

我希望有人能帮助我，因为这已经让我头疼了两天了：（

如果你将背景div设置为

display:table

，并且它的每个子项都设置为

display:table cell

，它应该可以工作

#outer_div
{
    display: table; /* display: inline-table; works as well */
}

#outer_div div
{
    display: table-cell;
    vertical-align: baseline;
}

---

请输入代码片段。最好是用或。