Normally, I would provide an image within its own paragraph like this in markdown: Some text ![enter image description here][1] Some Text Which is rendered like this: <p>Some Text</p> <p><img src="https://i.sstatic.net/8ucma.png" alt="enter img description here"></p> <p>Some Text</p> But in [all.css][5], there is a bottom margin on both paragraphs and images: <!--language: lang-css--> p { clear: both; margin-bottom: 1em; } .post-text img { max-width: 630px; margin-bottom: 1em; } Meaning here's how it will look: Some text ![enter image description here][1] Some Text ---- I'm not a fan of the double margin on the bottom: ![example][2] Of course you could terminate the line with a double space in order to get a line break, but I think most images have traditionally been entered in markdown with their own paragraph. Also, it would help keep markdown and the resulting HTML in sync visually. There also appears to be an [issue with the margin pushing down text on **inline** images][3] Didn't know if [Feedback Requested: Stack Overflow design update][4] was still active, so I'm posting here. **Also Blockquotes!**: > Some Text > > ![enter image description here][1] [1]: https://i.sstatic.net/8ucma.png [2]: https://i.sstatic.net/nGnJQ.png [3]: https://meta.stackoverflow.com/q/284012/1366033 [4]: https://meta.stackoverflow.com/q/277200/1366033 [5]: http://cdn.sstatic.net/stackoverflow/all.css?v=f74d6be61bfb:1