Html 生成文本<；span>；坐在灯箱图像下方

我有一个画廊，里面有很多图片。它们有一个设定的宽度，没有图像的高度，高度显然就是图像的高度，因此一个高度可能是500px，下一个高度可能是620px

以下是用于此的css：

.mygallery { width: 650px; padding:0; margin:0; }

我有一个标题，需要直接放在图片下方，css是：

#category span{color:#FFFFFF;}

谁能帮我把分类范围放在我的图库下面。我就是没法把它放在下面。显然，如果所有的图像都是相同的高度就可以了，但是因为它们都不同，所以很难证明这一点

---

谢谢你的帮助

HTML中图像的自然结构如下所示：

<figure>
  <img>
  <figcaption></figcaption>
</figure>

---

图

元素可以成为一个

内联块

（如果您想在一行中列出多个元素），其余元素通常显示为

块

。这种结构应该使你能够做你想做的事情。

span

必须打开，否则会被告知显示为

块

元素，这是问题的一部分。

您能做一个JSFIDLE吗？或者至少发布您的HTML。另外，您是否尝试过使用块级元素（跨距是内联的，这将尝试放置在元素旁边）。DIV将自动转到下一行。