Auto margin

Learn how to use auto margin to quickly center a container element.

This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!

Auto margin is used by Apple, Google, Stripe, and other design leaders as a way to horizontally center elements. By setting auto margin to an element that has a defined width, you can horizontally center the element within the boundary of its parent.

To select and apply auto margin to a container element:

First, select the element on the Canvas

Then, click into the Style panel

Lastly, click the horizontally center icon next to Spacing

Clone this project
Try Webflow — it's free

Production for this lesson

Directed by

-

Produced by

-

Written by

-

Article by

-

Edited by

-

Designs by

-

Need more help? Want to report a bug? Contact support
Have feedback on the feature? Submit feature feedback