[Docs] Do not center math equations and chemical formulas

[dkonopka]

Suggested merge commit message (convention)

Docs: Do not center math equations and chemical formulas. Closes #2080.

---

Additional information

http://127.0.0.1:8080/build/docs/ckeditor5/12.4.0/features/math-equations.html

[mlewand]

I believe that more reliable solution would be to negate image style customization for any editor's editable.

Easiest hax would be to put :not() in Umberto stylesheet, but it shouldn't know anything about CKE5.

So we need to do it on CKE5 side of things, something like adding: display: initial for .formatted p img and proper negation for other customized CSS. But it should apply to all samples, not just MathType alone.

[dkonopka]

Good catch! Fixed already 🔥

[mlewand]

The code looks fine and fixes the #2080.

BUT while verifying it I noticed that current block display does a perfect job in covering up bug #1874. So as such… we're better off with displaying it as a block now 🙂

Let's keep this issue open till #1874 is not resolved.

[mlewand]

@Mgsy Can I ask you to verify whether it doesn't break images in any other samples? What basically happened here is that images in .live-snippet elements are no longer treated as blocks (but instead area inline-block, as in HTML standard).

The reason for adding display block was probably to get a nice full width images in our articles content.

[Mgsy]

Everything looks fine 👍

[Reinmar]

R- for now due to #2080 (comment)

[mlewand]

Rebased the branch onto latest master

[mlewand]

Rebased once again onto latest master branch. Looks fine and the #1874 is no longer bugging us 👍

[mlewand]

@ckeditor/qa-team Gents can I ask you to do some post-merge verification to ensure that images in samples are displayed correctly? I gave it some testing, but would like to have QA see it too.

What this PR affects is all the image elements ( <img> ) within .live-snippet (so basically editors in our samples).

Some scenarios that I can see worth testing include:

• mathtype equation
• pasting an image
• pasting embedded content that incorporates an image

[FilipTokarski]

I checked it and didn't find any new bugs, it seems to work fine 👍