html - 恼人的IE7问题

Question

我正在设计一个 Wordpress 主题，但遇到了 IE7 问题。

段落/strong 标签内的第一个词(“it”)在我想要它位于图像下方时结束于 img 标签的左侧。

我的问题是，我在这里唯一可以更改 CSS 属性的元素是 div，因为其中的代码是由博客作者使用 WYSIWYG 发布的。

我能解决这个问题吗？我尝试了很多不同的设置，所有其他浏览器 FF safari IE8 都会在图像下方呈现文本。

<div style="width: 430px;">
    <h1>It is hard getting it right in IE7!</h1> 
    <p>
        <img class="aligncenter size-full wp-image-4333"  src="http://xxx.xxx.xx/files/2010/03/xxx.jpg" alt="xxx" style="width: 430px; height: 600px" />
        <strong>It is hard</strong> getting it right in IE7!
    </p>
</div>

data.fuskbugg.se/skalman01/Ie7.png重要的是元素样式，其余的都是继承人。

strong { line-height: 16px; } 
p { 5px 0px 10px; } 
h1 { 
  font-family:"arial black","lucida console",sans-serif; font-size:30px;
  font-weight:normal; 
  line-height:31px; 
  margin:0; 
  padding:0 0 10px; 
}

Answer 1

img.size-full {display:block;}

这将(应该)在图像后创建一个换行符。