Auto margin

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

We’re transitioning to a new UI, and are in the process of updating our Webflow University content.

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

Table of contents

Continue learning

Hmm…we couldn’t find any results for “search query”. Try a different search term or check out our community forum.

Search the forumReset the filter
Load more

Filter

Reset
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Topics
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Back to top