Lack of perfect centering

Claretta

In Surgarcube I'm trying to make a title screen where the passage area is horizontally centered.

But no matter what I do, it's slightly off center to the right. But it doesn't seem to correspond to any element. The extra area on the left that's throwing it off is only about two thirds of the UI bar in size.

I've entered this in the passages area:


margin-left: auto; margin-right: auto;


Any ideas what else to alter?

TheMadExile

The following should work (assuming I understand what you want and you're not already doing something weird):


body {
margin: 3.5em;
}
#passages {
margin: 0;
}


EDIT: Removed something unnecessary.

Claretta

Doesn't quite work for me, sends it off to the left, so I must be already doing something weird.

TheMadExile

What, exactly, is it that you're trying to do?

EDIT: An example of what you're seeing would help.

Claretta

Don't want to post public screenshots of my WIP work so I sent you a PM.

TheMadExile

Reply sent.  Though the takeaway is that it sounds like you didn't apply both of the rulesets, specifically #passages (which shouldn't be confused with .passage).

Claretta

Yeah that fixed it, thanks.

Got a bit confused about what exactly the difference was between them and originally tried applying the mod in the .passages area, as the rest of my story works fine without modding #passages at all.