Centering text in Modal Headers

I Need Help
1

Just curious if this is a Blocs bug or just something strange I don’t yet understand. If you examine the Modal in the screenshot below, you see I have text in the Modal Header with a Class applied that has “auto” in only the left side Margin. I want the text to be centered, and normally I would also need to put “auto” in the right side margin too. And indeed, that will center it in Page View in Blocs, but when I Preview, it will end up being shifted to the left, for reasons I don’t understand. So I am forced to use “auto” only in the left Margin.

image
image1920×604 67.4 KB

Then when I preview I see the text properly centered like this:

image
image1642×784 88.1 KB

But it’s still strange that the Blocs page view is not consistent with what I see in Preview. Have any of you experienced this?

Let me now show you what happens when I set both the left and right Margins to “auto”…

image
image3044×904 231 KB

image
image1624×788 86.6 KB

Looks great in Page view, but in Preview it gets shifted to the left! Why?

2

Not sure about why the views are different, but I think the ‘X’ is pushing your heading across to the left, so maybe you need to experiment with a percentage setting for the left margin?

3

But wouldn’t such experimentation be in vain?Because right now it doesn’t make any sense at all.

Right now, using “auto“ for the left side margin only produces a perfectly centered piece of text when previewed in the browser, which is the primary goal. So if I do nothing at all, the end result is perfect.

It’s just weird that it’s not centered in page view when I do that. And it’s weird that I would that it would even work at all. And that’s why I suspect it may be a bug at work here. So if it is a bug, any experimentation would largely being in vain.