Search code examples
htmlimagemarkdownjekyll

In Markdown, is there a way to stop images from being wrapped with <p> tags?

I'm using Jekyll and all my posts are in .md format for convenience. The problem is that the generator is automatically wrapping every line in paragraph tags.

line

<img>

line

becomes

<p>line</p>

<p><img></p>

<p>line</p>

and this means that my images are restricted to the width I've set for my paragraphs, which is messing up my styles.

Any ideas what I can do to avoid this? I've tried both html syntax and markdown syntax for the images but nothing seems to work.

Thanks!

Solution

  • I don't think so. The original Markdown spec says:

    A paragraph is simply one or more consecutive lines of text, separated by one or more blank lines.

    It might be possible to come up with some nifty CSS to fix your styling issues though.

    Or you could try this hack (works in Pandoc):

    line

<div><img></div>

line