5.3 #Center utility classes.horizontally-vertically-centered Centered horizontally and vertically box

Toggle example guides Toggle HTML markup

-sf-centered-vertical-box Sets box's right and left margins to auto to center the box horizontally if it has width and set it's display to flex and min-height to 100% of the view height.

Centered box with fixed width
    <div class="-sf-centered-vertical-box">Centered box with fixed width</div>