获取img内容的正确方法？

Question

如果页面结构如上所述。使用HTML和CSS来获得。你将使用哪种方式？

有人告诉我：如果你使用浮动内容（img，content），你必须固定宽度，结构将失去灵活性，同时你必须解决float引起的问题。但我不知道拿到的最好的方法，

Answer 1

我会用margin-left:上的文字，以保持它从图片上移开。

Answer 2

我想简单地float : left图像和我想给一个margin-right到img元件，这样，如果该图像是不可用（或可选的）文本可以开始邻近其容器的左边距

然后我将适用easyclearing techinique到img父

Answer 3

我个人比较喜欢使用inline-block的是我不是浮动元素的大风扇：

jsfiddle

Answer 4

看看the media object。这是由Nicole Sullivan给我们带来了OOCSS的概念，对于这种情况来说是完美的。

这建议使用图像上的float: left和文本上的overflow: hidden来获得溢出与浮动内容交互的好处。