Obsidian Tip - Put images side by side

Canonical version: Obsidian Tip - Put images side by side.

Here's a little-known tip for Obsidian. Images can be placed side by side in obsidian, if they are on the same line and their size allows them to. If you have a first image with a width of 200px and a second one a width of 300px, you can use `` to display those side by side, if your note has at least 500px of horizontal space. Whenever the space falls below 500px, the images will end up beneath each other.

Another way is to use the multi column CSS snippet to display images side by side: https://efemkay.github.io/obsidian-modular-css-layout/multi-column/

References

• Multi-column CSS snippet: https://efemkay.github.io/obsidian-modular-css-layout/multi-column/

Related

• Obsidian Tips

About Sébastien

Ready to get to the next level?