html - 为什么环绕图形的文字不起作用？

Question

正如我从 website 中读到的那样，我尝试将段落文本环绕在图像周围。我是 html 的新手!!!我认为这一定是代码中的一个小修正。

但是我没有做到这一点..

<div style="width: 100%; float: left;"> 
<img src="http://www.postalwebplus.com/yahoo_site_admin/assets/images/Passport-Photo.300110653_std.jpg" alt="left" width="150px" >
 
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div>

如何摆脱这个？

谢谢你的帮助!!!

我希望文本应该准确地包裹一些东西 like this.

Answer 1

将 align="left" 添加到您的图像。

<div style="width: 100%; float: left;"> 
<img src="http://www.postalwebplus.com/yahoo_site_admin/assets/images/Passport-Photo.300110653_std.jpg" align="left" width="150px" >
 
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div>