html - 如何在不破坏结构的情况下将文本内容放置在图像下方？

Question

我试图在图库中的每张图片下方放置一些文本内容，但我无法让文本位于图片下方而不是旁边

http://jsfiddle.net/9YE3H/

我该如何解决？

Answer 1

像这样将每个图像和段落放在一个单独的 div 中:

<div>
   <img src="" />
   <br />
   <p>Content</p>
</div>

这应该对你有用，只要你没有为它们中的任何一个设置 float 属性。