Mohammed Drame
2 min readDec 3, 2019

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=”center” >
<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"

👏🏾.

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

Mohammed Drame
Mohammed Drame

No responses yet

Write a response