Adding space between text and image in Markdown

Question

In Markdown, you add an image as

![myimg](link)

Now, I can easily change the size and placement of said image using attributes as

![myimg](link){: height="75px" width="300px" align="left"}

How do I also make it so that there is also a (choosable) space between image and text? Parameters like border don't work.

Using Kramdown as converter, on Github pages, if that matters.

@StevenPenny Yea tried that as well to no avail!

martina.physics
– martina.physics

2017-01-07 08:01:16 +00:00
Commented Jan 7, 2017 at 8:01 — martina.physics
– martina.physics, Commented Jan 7, 2017 at 8:01
use CSS... (markdown/html is not for layouting)

mb21
– mb21

2017-01-09 20:08:34 +00:00
Commented Jan 9, 2017 at 20:08 — mb21
– mb21, Commented Jan 9, 2017 at 20:08

user3151675 · Accepted Answer · 2020-03-24 04:54:23Z

26

Markdown is not capable of designing layouts like this. You can use multiple non-breaking spaces ( ) to adjust the spacing between an image and text.

Example:

![image](link)&nbsp;&nbsp;&nbsp;&nbsp;text

Result:

text

edited Mar 24, 2020 at 4:54

answered Feb 7, 2018 at 15:32

user3151675

58.3k29 gold badges186 silver badges240 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Simon · Accepted Answer · 2025-06-23 18:29:49Z

4

This worked for me

![myimg](link){: height="75px" width="300px" style="float:left; padding-right:10px" }

edited Jun 23 at 18:29

Simon

5,4726 gold badges42 silver badges65 bronze badges

answered Mar 24, 2020 at 4:28

MethodMan

4285 silver badges8 bronze badges

Collectives™ on Stack Overflow

Adding space between text and image in Markdown

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related