--- layout: post title: "A Post with Images" description: "Examples and code for displaying images in posts." category: articles tags: [sample-post, images, test] comments: true share: true --- 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
image
Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr.
### Two Up Apply the `half` class like so to display two images side by side that share the same caption. {% highlight html %}
image image
Caption describing these two images.
{% endhighlight %} And you'll get something that looks like this:
image image image image
Two images.
### Three Up Apply the `third` class like so to display three images side by side that share the same caption. {% highlight html %}
image image image
Caption describing these three images.
{% endhighlight %} And you'll get something that looks like this:
image image image image image image
Three images.