HTML图像问题

Question

我正在尝试制作自己的网站，但只知道一些基本的 HTML，我在网上搜索了一会儿，但似乎无法弄清楚如何将文本放在图像下方和图像左侧。

差不多了:

[image] [text]
[text]

几乎就是我的网页布局。目前我只能 float 图像或将其左对齐使文本环绕图像，这是我不想要的。有人可以帮助我吗？

Answer 1

<div style="width:400px; clear:both;">
    <img src="http://media.techworld.com/cmsdata/news/3246520/1998_google.jpg" style="width:300px; float:left;" />
    <div style="width:100px; float:left;">
       text beside image
    </div>
</div>
<div style="clear:both;">
    text beneath image
</div>

http://jsfiddle.net/Tw2v7/