Inline image hovers below line even in sandbox vault

[unknown]

howdy, team!

What I’m trying to do

I like to use real/unicode emojis like “” as well as fake Slack/Discord emojis (such as from SlackMojis). I want these to render inline like they do in Slack/Discord:

Problem

This worked as desired until the new image editor released (~Jul30?). And now resized images seem to float below line. From Obsidian Sandbox Vault:

Things I have tried

TBH, I’m not sure how to resolve, so have just been living with it. v1.13.7.

As you can see from the middle line, if you align the stars of (current window zoom, font size, [[image|overrideSize]]) then you can make it look more/less in-line instead of below-line. But I zoom in+out over the day so that workaround quickly falls apart.

TIA!

[dawni]

From a quick look, the Reading view seems fine.

This CSS aligns them the way I think you’re looking for in Live Preview:

.cm-content .image-embed {
	vertical-align: baseline;
}

It necessarily changes line heights though. The change could be slight depending on the sizes of things (e.g., fonts, image size, zoom, line height).

How to use CSS snippets in Obsidian: CSS snippets - Obsidian Help

[unknown]

That’s perfect, cheers!