图像/视频
Apply the half class like so to display two images side by side that share the same caption.
<figure class="half">
<img src="/images/image-filename-1.jpg" alt="image">
<img src="/images/image-filename-2.jpg" alt="image">
<figcaption>Caption describing these two images.</figcaption>
</figure>And you’ll get something that looks like this:
Three Up
<figure class="third">
<a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt="image"></a>
<a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt="image"></a>
<a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt="image"></a>
<figcaption>Caption describing these three images.</figcaption>
</figure>