Markdown images and <figure> images rendered differently

I've been migrating all my posts from a Squarespace site, and am running into something strange. Images derived from the Markdown ![Image caption.](image_url.png) format follow the 100% width formatting defined in the template CSS. But images derived from a raw HTML <figure> tag do not follow the same formatting, and I can't figure out why. Is there something I need to change or add to the CSS file to have them rendered the same?

Here's an example post where both formats are represented.

3 replies

This tutorial shows how to style the <figure> tag within your CSS style sheet to get rid of the extra margin.

Answered 4 months ago · Improve this answer

Were you able to get this sorted? Please let me know if you have any questions about this or anything else

Answered 4 months ago · Improve this answer

Yes, this worked great.

Answered 4 months ago · Improve this answer

Markdown allowed
Question or feedback?
Contact us


developers 28 questions bug 14 questions posts 9 questions resolved 7 questions request 6 questions google-drive 5 questions configure 4 questions pages 3 questions added 3 questions meta 3 questions More tags →
Subscribe for changes
RSS Feed of latest questions