I was working on my new website: SoloDogs.net, and needed to have a series of three images. I wanted the desktop version to be centered on the page. I wanted the mobile version to have each image also centered, but stacked one on top of another. I also wanted the text below the images to be beneath the last image, no matter what. Here’s the solution:

<div style=”text-align:center;”> // Outer Container
<div style=”display:inline-block;”>image 1</div>
<div style=”display:inline-block;”>image 2</div>
<div style=”display:inline-block;”>image 3</div>
</div>

<div style=”clear: both;”>Text you want below the images</div>

If you found this article helpful, please take a moment to share it with your friends, it will be much appreciated. Thanks! Jill