html:将句子与图像对齐

Question

我正在使用一些 css 样式制作一个非常简单的 html。我很难用段落来生成图像。假设我的 div 部分有一个图像和一个段落，如下所示:

<div>
<img border="1" src="cake.jpg" width="100" height="70">
Tom's review: This is the best cake that I have ever had...
</div>

该段落出现在图像的“右下角”，但我希望它出现在图像的“右上角”。

我知道这个问题很简单，但我是 html 的新手。这里有人可以帮忙吗？

谢谢。

Answer 1

您需要将图像向左浮动。

<div>
<img border="1" src="cake.jpg" width="100" height="70" style="float: left;">
Tom's review: This is the best cake that I have ever had...
<div style="clear: both;"></div>
</div>