CSS最小标题<h1，h2，=“”h3 =“”>浮动图像旁边的宽度</h1，>

Question

如果有足够的空间，我会在浮动图像旁边显示标题，如果没有，则会在图像下方显示。我无权访问HTML，因此我必须严格执行CSS。这是我收到的图片和标题HTML的示例，以及它在iPhone上看起来像什么，例如：

<p>
<img src="http://farm3.staticflickr.com2852/1232.jpg" style="height:265px; width:350px; float: right;"/>
</p>
<h3>THE HEADLINE</h3>

我在使用以下技巧在图像周围包装<p>内容时修复此问题，在每个段落之前创建固定宽度元素作为最小宽度：

  

p：before {content：“”;宽度：10em;显示：块;溢出：   隐; }

但是，这种方法对标题不起作用。有什么想法吗？

Answer 1

是你在寻找什么？ http://jsfiddle.net/zh4AV/1/

HTML：

<div id="container">
<img width="100" height="100"/>
<p>headline</p>
</div>

的CSS：

#container{
    max-width:200px;
}
img{
    float:right
}