如果我这样做：
<img src="" style="float:left"> SOME TEXT BLA BLA BLA BLA
它不起作用，因为当图像高度停止时，文本会下降到图像。我的意思是：
它会这样做：
http://img8.imageshack.us/img8/9379/senzatitolo1yt.jpg
而我想要得到的是：
http://img28.imageshack.us/img28/606/senzatitolo2rd.jpg
我可以使用旧的好表 (<td>img</td><td>text</td>)，但在 2011 年，这似乎不是可行的方法:)
有什么简单的跨浏览器技巧可以做到这一点？
编辑：我不知道图像宽度
谢谢！
【问题讨论】：
使用两个 div 标签，将它们都向左浮动。将其中一个宽度设为 30%，将另一个宽度设为 70%。把图片放在第一个，文本放在第二个。
【讨论】：
鉴于简单的 html：
<img src="path/to/img.png" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dui odio, luctus ut viverra vitae, dignissim a mauris. Vestibulum vel massa at sapien tincidunt venenatis id sed purus. Ut quam libero, mollis a ullamcorper sed, gravida id ligula. Sed nec augue enim. Phasellus accumsan aliquet erat interdum ullamcorper. Cras tellus libero, tincidunt non placerat interdum, venenatis id arcu. Nulla facilisi. Maecenas malesuada vestibulum venenatis. Nam vel tellus arcu. Sed non dui urna. Proin fermentum aliquet lectus non fermentum. Donec aliquet purus et tortor lobortis gravida. Duis vehicula ligula nec enim consequat ut tempor diam molestie. Aenean egestas eros sem. Phasellus ullamcorper pretium nunc molestie luctus. Mauris semper ultricies nulla, at tempus purus eleifend vel. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas ac est nunc.</p>
以下 CSS 有效：
p {
margin-left: 100px; /* width of image plus some padding for white-space */
}
img {
float: left;
width: 90px;
height: 90px;
}
令人惊讶的是，尽管仅在 Chromium 8/Ubuntu 10.10 上测试过，但以下工作：
img {
width: 100px;
height: 100px;
background-color: #f90;
float: left;
margin: 0 10px 100% 0;
}
JS Fiddle demo（忽略颜色，它们只是让我可以看到东西所在的位置）。
Second (post-edit) JS Fiddle demo, featuring an img with non-specified dimensions.
【讨论】：
有多种方法可以实现这一点。
1) 两个 div。分配给两个宽度。将 image-div 浮动到左侧，将 text-div 浮动到右侧。
2) 使用边距！
试一试，然后给我反馈。
【讨论】：