可伸縮/可伸縮的垂直對齊文本（相對於圖像）

Question

我想在文本垂直對齊的圖像旁放置一些文本。但是，我不知道窗口會有多寬，所以我希望文本容器能夠擴展以填充可用空間。

我已經嘗試在文本容器上簡單地放置vertical-align：middle。這種作品，但如果文字太長，文字會在圖像下方包裹。爲了解決這個問題，我在文本容器上使用了display：inline-block。但是，這會將整個文本容器放置在圖像下面！

到目前爲止，我有這樣的事情：

<span><img src="img.gif" /></span> 
<span style="display:inline-block; vertical-align:middle">Text goes here</span> 

Answer 1

span元素包裹的圖像應該應用相同的樣式。