在CSS中的同一行显示多行文本和图像

Question

你是怎么做到的？例如，如果我的文本太长，它应该自动换行，但整个文本应该仍然与图像在同一行。类似的东西：

+------+
|image | text, text, text
|      | and more text
+------+

有可能吗？我试过了：

<img src="http://placehold.it/100" /><span style = "display:inline">text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text and more text</span>

但它只是将超出的文本包装到图像和文本下面的行中。

谢谢！对不起，如果我的解释不清楚，因为我无法发布图片。

Answer 1

您可以通过向元素（img和文本）添加float:left来实现此目的。

代码：

<img style="float:left" src = "image.png" />
<span style = "float:left">text, text, text and more text</span>