2 KiB
2 KiB
layout | title | description | category | tags | |||
---|---|---|---|---|---|---|---|
post | A Post with Images | Examples and code for displaying images in posts. | articles |
|
Here are some examples of what a post with images might look like. If you want to display two or three images next to each other responsively use figure
with the appropriate class
. Each instance of figure
is auto-numbered and displayed in the caption.
Figures (for images or video)
One Up
![](http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg)
Two Up
Apply the half
class like so to display two images side by side that share the same caption.
{% highlight html %}
![](/images/image-filename-1.jpg)
![](/images/image-filename-2.jpg)
And you'll get something that looks like this:
![](http://placehold.it/600x300.jpg)
![](http://placehold.it/600x300.jpg)
Three Up
Apply the third
class like so to display three images side by side that share the same caption.
{% highlight html %}
![](/images/image-filename-1.jpg)
![](/images/image-filename-2.jpg)
![](/images/image-filename-3.jpg)
And you'll get something that looks like this:
![](http://placehold.it/600x300.jpg)
![](http://placehold.it/600x300.jpg)
![](http://placehold.it/600x300.jpg)