Skip to content

Instantly share code, notes, and snippets.

@NaridaL
Forked from DavidWells/aligning-images.md
Last active September 18, 2018 18:26
Show Gist options
  • Save NaridaL/29bac4fc316f61391c19115d75dd1f92 to your computer and use it in GitHub Desktop.
Save NaridaL/29bac4fc316f61391c19115d75dd1f92 to your computer and use it in GitHub Desktop.
Guide to aligning images in github readme.md files

Aligning images

s tag sub tag

details tag
s tag ## `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="rig">
  <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