Allow CSS to add content on the side of the markdown-sizer

[Nydid]

Is your feature request related to a problem? Please describe. I've been trying to make a Wikipedia like page and tried using Wikipedia Infoboxes.

They render fine in Obsidian but upon export, the CSSed Callout gets pushed in by what seems to be a markdown-sizer in the exporter.

Obsidian:

HTML:

Describe the solution you'd like A way to bypass the resizer so we can add information outside the default resizer

Describe alternatives you've considered Looking into bypassing the resizer using the "Feature Placement" included in the settings. Somehow bypassing sizerElement from webpage.ts

Additional context Add any other context or screenshots about the feature request here.

[KosmosisDire]

This kind of css very much relies on assumptions about the html and css of obsidian. I try to mimic that as closely as possible but it's impossible to get it perfect. If you can send me a small reproduction vault (or instructions to create this exact setup) I will take a look and see if there is an easy tweak to the css I can make that will allow this to work.

[Nydid]

This kind of css very much relies on assumptions about the html and css of obsidian. I try to mimic that as closely as possible but it's impossible to get it perfect. If you can send me a small reproduction vault (or instructions to create this exact setup) I will take a look and see if there is an easy tweak to the css I can make that will allow this to work.

A probably easier alternative is to allow the resizing of the markdown-sizer width by the user. (Changing the "Readable line length" like in Obsidian settings)

[KosmosisDire]

You can change the line width in the plugin settings (although not in the beta since I am still finishing the new settings page)