Image Positioning in Markdown

With Markdown, an exclamation mark preceding a link, such as ![Example](/example.jpg) will insert an image into your body of text. Unfortunately, Markdown’s syntax doesn’t support positioning images, for that you’ll need to fall back on HTML.

Here’s a quick and easy way to insert images using HTML that lets you float the image left or right.

<img style="float:right" src="example.jpg" />

You can markup the style element to do anything CSS supports, such as adding margins or setting the width/height.

Since Markdown is intended to speed up writing by simplifying syntax, you could save time by adding the img tag to TextExpander. Have the contents of your clipboard automatically inserted into the src= tag for even more time saving.

• Tweet
• Pin It