Search code examples
htmlcssmarkdown

Inline CSS in Markdown

I'm using Simplemde ( markdown editor ) as an embdedded textarea for writing articles in my website. I've recently encountered a problem :

While writing, if I insert an image , it stretches to 100%, taking over the entire page, like this :

enter image description here

I tried inserting inline css (style tags) in the textarea, but that didn't work.

However in the preview option, I used inline css (set height and width at 400px ) and it worked :

enter image description here

How can I set the image size as per my preference in this markdown editor ?

UPDATE : I already tried embedding HTML in Markdown ,like : 

<img style="width:400px;" src="abc.jpg">

But this doesn't seem to work, and my the image doesn't even appear in the article this way. The entire img tag gets shrinked to <img> in my textarea!

Solution

  • This might be able to answer your question, it looks like you can embed HTML in markdown and you can add styles that way. Markdown and image alignment

    You said you tried inline, did you try just HTML? 

    <img src="https://i.sstatic.net/geBaa.png" width="50">