What I’m trying to do
This one has been asked more than a few times and I’ve seen more than a few answers as such. Most answers rely on themes which tend to come with other formatting I’m not necessarily fond of, so I tried the CSS option. I’ve used CSS for HTML before so it’s not super-new to me. The one and only thing I’m attempting to get is something like seen below:
Things I have tried
I’ve tried creating CSS snips and they do load, but I get either one of two results.
Using a CSS snip, making it the only one active, and just following an ![[image.png]] with text:
Using that same CSS snip and trying to call it directly within a a div element:
This one comes out the same in all views, so it’s not a reader/live preview issue. Remove the div element and the image shows up again.
The CSS is, far as I can tell, too simple to really botch, but I’m willing to accept that maybe I have, or maybe this isn’t enough:
.image-float {
float: left;
max-width: 100%;
height: auto;
}
If the CSS is written correctly, am I implementing it incorrectly in Obsidian?