平时看模板时，比较喜欢标题带图片的效果，图片漂浮在左边，右边可以显示两行或多行文字。这样标题图片可以放大些，引人注意，而标题内容分为多行可以表示更多的信息。

今天就遇到了这么一个效果，代码原理比较简单就是图片float:left;，但是如果在做一个比较复杂的模板时，有可能遇到很多问题，使标题文字不能和图片对齐。 今天遇到一个问题，错误效果如下 正确显示应为： 因为我看过代码，图片float: left; 文字为正常格式。没有任何问题。 这里代码涉及到 html 和 css 多个元素的定义，比较复杂，就不贴出代码了。 首先，我们要判断一下问题，右击需要查看的部分 (我使用的是 Chrome 浏览器) ，点击 审查元素 。 或者我们可以再CS4中看