阻止文本环绕图像

And*_*man 4 html css

我正在摧毁我的想法,试图让这种造型正确完成.我有一个固定大小的图像,右边有一个不可预测的文本高度div.我希望文本的顶部与图像的顶部对齐,但不要缠绕它.我的标记是:

<img height='231px' width='132px' style='float:left' />
<div>Text</div>
Run Code Online (Sandbox Code Playgroud)

我想找到一个不涉及使用表的解决方案,但目前我已经耗尽,无法考虑如何使用css/divs

Dan*_*elB 8

这应该可以解决问题.

<div style="margin-left: 132px">Text</div>
Run Code Online (Sandbox Code Playgroud)

要在文本和图像之间留出空格,请使边距更大或添加padding-left.

  • +1非常简单的解决方案 - 在行动中看到它[这里](http://jsfiddle.net/chris27/5RmMF/)!PS.在你怀疑之前我从Guardian网站复制了那个文本...... :) (3认同)