我刚开始学习HTMl和CSS。我很难理解花车是如何工作的。我正在学习的那本书说：
float属性尽可能向左或向右移动元素，允许以下内容环绕它。
我在段落中有一个图像，我使用浮动来移动图像，但我不确定哪个内容包装，以及图像移动到包含元素的顶部/底部多远。
这是没有浮动应用的段落＆＃34;没有以下内容＆＃34;在图像之后。图像的底部与文本行的底部对齐：
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum<img src="icon.jpg" alt="Smiley face" height="42" width="42">
</p>
如果我将图像向左浮动，则只有最后四个单词似乎在图像周围。我已经尝试将图像放在段落中的其他位置，我无法想象：
a）浮动时图像向上或向下移动多远？ b）哪些文字被包裹在图像周围（似乎只是本书中的以下内容）。
我是否需要为此烦恼？