Skip to content

Instantly share code, notes, and snippets.

@jowinjohnchemban
Forked from DavidWells/aligning-images.md
Created June 29, 2019 09:57
Show Gist options
  • Save jowinjohnchemban/f94ef524b428f8045ef38088fcd363d9 to your computer and use it in GitHub Desktop.
Save jowinjohnchemban/f94ef524b428f8045ef38088fcd363d9 to your computer and use it in GitHub Desktop.
Guide to aligning images in github readme.md files

Aligning images

left alignment

This is the code you need to align images to the left:

<img align="left" width="100" height="100" src="http://www.fillmurray.com/100/100">

right alignment

This is the code you need to align images to the right:

<img align="right" width="100" height="100" src="http://www.fillmurray.com/100/100">

center alignment example

<p align="center">
  <img width="460" height="300" src="http://www.fillmurray.com/460/300">
</p>

Markdown Formatting on steriods

If you like this, you might enjoy markdown-magic. I built it to automatically format markdown files and allow folks to sync docs/code/data from external sources.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment