Add inline image in text

[stalkerGH]

Add inline image in text

[welpo]

It wasn't possible with tabi's CSS. I've added (6a4f424) a new class for images, inline, which allows you to do this.

To use it, you'll need to specify the inline class on the image. To embed the image, use HTML:

Some text <img src="path/to/img.png" class="inline" alt="Descriptive text"> and some more text.

I've made it so the image gets vertically aligned with the text, hoping that fits most use cases for this class.

Let me know whether that helps.

---

As to why I made all images centered and in a new line: I want centered images on my posts. So far, I haven't had to use an inline image. In choosing a default, I chose the one I saw most use for. Making inline images the default (which it is without CSS) would make adding centered images more cumbersome.

Hope that makes sense!

[stalkerGH]

Thank you very much! Yes, it works like a charm. Little change in the code but great effect :)

[stalkerGH]

The problem is solved so I close the issue.

[welpo]

@stalkerGH if you're interested, now you can use all image shortcodes with the inline option (#315)

[stalkerGH]

Yes, indeed I'm interested. Thank you for this new feature :)

[welpo]

Thank you for the idea!