Skip to content

Instantly share code, notes, and snippets.

@luismts
Forked from DavidWells/aligning-images.md
Created September 10, 2018 04:45
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save luismts/310b5c43660b74704d404d2774166267 to your computer and use it in GitHub Desktop.
Save luismts/310b5c43660b74704d404d2774166267 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