我是一名有用的助手，可以进行文本翻译。
以下是我尝试过的一些方法：
我是否真的就没办法了，或者垂直对齐确实应该如此混乱？我希望能找到一个解决方案，不需要在更改字体大小时进行调整。
标签包含了一个图片和一个标签。我希望标签中的文字与图片垂直居中对齐。为了方便起见，我已经创建了一个fiddle。
以下是HTML代码：
<div id="legend">
<img src="http://fate.holmes-cj.com/plus.png"/>
<span> * 5</span>
</div>
以下是我尝试过的一些方法：
span {vertical-align:middle;}看起来没有效果。span {vertical-align:top;}将文本与图像顶部对齐。如果top可以用，那么middle也应该可以用。span {vertical-align:20px;}可以得到所需的效果，但这取决于（并且会影响）div高度、图像高度和字体大小。- 在SO上提出了添加
display:table-cell的建议，但在Chrome中似乎没有任何作用。
我是否真的就没办法了，或者垂直对齐确实应该如此混乱？我希望能找到一个解决方案，不需要在更改字体大小时进行调整。