✒️
Start your developer blog today!
✉️
Questions?
Email me

How to Align GitHub README images in Markdown

Sep 27, 2020 1 min read

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">