css定位两个带有文本和两张图片的div

Question

在没有负边距的情况下，制作两个 div 和两张像这样的图片的最佳方法是什么:

http://img97.imageshack.us/i/divsandpictures.jpg/

Answer 1

HTML

<div>
    <img src="yourimage.jpg" align="left" />
    <p>some text</p>
</div>
<div>
    <img src="yourimage.jpg" align="left"" />
    <p>some text</p>
</div>

CSS

div { margin:0 0 20px 0; }
p { padding:4px 0 0 30px; display:inline-block }

我认为这是最好的方法。至少，一个最小的方式。

工作版本:

http://jsfiddle.net/J28YS/2/

已修订

http://jsfiddle.net/J28YS/6/