Skip to content

Instantly share code, notes, and snippets.

@StelianMorariu
Created March 5, 2019 15:36
Show Gist options
  • Save StelianMorariu/b38f54a830566f8db89981ffd06414d0 to your computer and use it in GitHub Desktop.
Save StelianMorariu/b38f54a830566f8db89981ffd06414d0 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