How to Align GitHub README images in Markdown

Published Sep 27, 2020

Let’s see how we can center align, left align, and right align our images in Markdown to make our GitHub README files just a little nicer.

The thing to note is that Markdown can actually render raw HTML.

This means that we can use properties provided by the HTML elements to align images.

Center Align

<p align="center">
  <img width="300" height="300" src="https://picsum.photos/300/300">
</p>

Left Align

<img align="left" width="100" height="100" src="https://picsum.photos/100/100">

Right Align

<img align="right" width="100" height="100" src="https://picsum.photos/100/100">

More CLI Articles