使用图像和文本

Question

我在这里遇到一个非常小的基本问题。我有一个图像和很多文字。我希望我的图像占据其空间，然后剩下的空间应该填充文本，也就是图像右侧的空间。但是，文本始终从图像结束的下一行开始。这是代码。

<p style="float:left;">
  <img src="http://upload.wikimedia.org/wikipedia/commons/b/b1/Maria_Amalia.jpg" />
Princess Maria Amélia of Brazil (1831–1853) was the daughter of Dom Pedro I, founder of Brazil's independence and here continues my text...</p>

Jssfiddle：http://jsfiddle.net/xpncr/

Answer 1

您想在图片上放置float: left。

<p>
    <img src="http://upload.wikimedia.org/wikipedia/commons/b/b1/Maria_Amalia.jpg" style="float: left;" />
    Princess Maria Amélia of Brazil (1831–1853) was the daughter of Dom Pedro I, founder of Brazil's independence and
</p> 

Jsfiddle：http://jsfiddle.net/xpncr/1/