How to display 2 vertical images side by side?

You could make a simple table, typed into the text tab of your editor.
TR means the row, TD means the detail (or column).
Here’s a working example (except for the blogname).

<table>
<tbody>
<tr>
<td>
<img class=”aligncenter size-full wp-image-240″ title=”firstone” src=”https://blogname.files.wordpress.com/2012/08/firstone.gif&#8221; alt=”” width=”71″ height=”28″ />
</td>
<td>
<img class=”aligncenter size-full wp-image-240″ title=”secondone” src=”https://blogname.files.wordpress.com/2012/08/secondone.gif&#8221; alt=”” width=”71″ height=”80″ />
</td>
</tr>
</tbody>
</table>

You could just add a small amount of CSS to the images;

img {
 display: block;
 float: left;
}

And maybe through a width in there too.

Note:
If working on a theme not custom, use a Child Theme or Custom Style/CSS plugin.

Thanks for the feedback. I’m wondering if there is an easier way to accomplish this form the visual editor.

What if I resized the image and selected the “left” button from the media box on one of the images, and the “right” button on the other? Is that a good way to to this?

I’ll be doing this often, so I’d like to make it as easy as possible when the need arises on a post by post basis.

Thanks! (By the way, here is the site in case you’d like to see it.)