html - 使用CSS控制图片下方的文字

Question

因此，我在左侧设置了一个简单的页面，其中包含三个图像。在每张图片下面，我想添加三行:一行纯文本、一张带链接的图片和一个 javascript 输出。

第一行绿色文字:

<font color="green">User69</font> 

然后在下一行带有链接的 gif:

<a href="http://google.comcom/?a=7337&c=6380&s1="><img src="online01.gif" alt="" border="0" style="float:center"></a><br>

第三行javascript输出:

Location: 
<script language="JavaScript" src="http://j.maxmind.com/app/geoip.js"></script> 
        <script language="JavaScript">document.write(geoip_region_name());</script></span> 
</script></br>

每张图片后的那三位。

您现在可以看到文本到处都是。图像在正确的位置。但是除了换行符之外我无法控制其他东西，那很乱。一定有更好的方法。

这是 jsfiddle 中的所有内容:http://jsfiddle.net/MzSZ4/1/

问题应该很明显了!

非常感谢帮助。

Answer 1

删除 .imgleft 中的 float: left 这有帮助，至少在 jsfiddle 中是这样。