Aligning Image In Github Readme

Aligning images in a Github README.md file is as simple as writing some HTML code.

Right alignment

<img src=”https://images-na.ssl-images-amazon.com/images/I/51IpDJdKg3L._SY355_.jpg" align=”right” >

left alignment

<img src=”https://images-na.ssl-images-amazon.com/images/I/51IpDJdKg3L._SY355_.jpg" align=”left” >

Center alignment example

For the center align it’s a little tricky. you will need to wrap the img tag within a paragraph tag like bellow.

<img src=”https://images-na.ssl-images-amazon.com/images/I/51IpDJdKg3L._SY355_.jpg" align=”center” >

To adjust image width and height

width="100" height="100"

👏🏾.