How to display images in row (side-by-side)

[christenbc]

Configuration

• Operating system with its version:
• Browser with its version:
• Hugo version:
• Tranquilpeak version:
• Do you reproduce on https://tranquilpeak.kakawait.com demo?:

Actual behavior

The images show one below the previous one

Expected behavior

I want them to be side-by-side.

Steps to reproduce the behavior

None of the following works:

![](/img/cat.jpg) ![](/img/dog.jpg)

<img src="/img/cat.jpg" width="50" height="50" />
<img src="/img/dog.jpg" width="50" height="50" /> 

Not even with the pre-built shortcodes

[jehoshua7]

I was having problems with trying to resize images and there is a very nice solution at https://discourse.gohugo.io/t/resize-an-image-with-markdown/34833/12?u=jehoshua7

You may be able to use that ? There is also a gallery example at https://tranquilpeak.kakawait.com/2013/02/image-gallery-showcase/ that may help ?