html - 在 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 和 text )添加 float:left 来实现这一点。

代码:

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