在可折叠的jQuery中对齐图像和文本

Question

我正在使用图片而不是图标来显示可折叠图片。 我想要的是文本应与图像中心对齐。 现在，它看起来像|_ ，下划线是文本， '|' 作为图像。 我希望它像这样： |-

这是我的代码：

<div data-role="collapsible" data-collapsed="false">
    <h4><img src="today_calendar.png" style="height: 80px;"> Today's Events </h4>

Answer 1

尝试这个：

img{
    vertical-align:middle;
}

JSFiddle演示