Auto margin

Auto margin is used by Apple, Google, Stripe, and other design leaders as a way to horizontally center some 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. In this Webflow University Micro Lesson, Grímur shows us how to select and apply auto margin to a container element.

Video details

Duration

0:21

Topic

Design & build

Continue watching

<h3>Migrate a site to Webflow</h3>1:16:53

<h3>Cursor follow interactions</h3>10:25

<h3>Build a cursor-following 3D button</h3>5:15

<h3>Webflow MCP: Build an FAQ accordion with Claude</h3>8:19

<h3>Page load interaction</h3>9:43

{
  "@context": "https://schema.org",
  "@type": "VideoObject",
  "name": "Auto margin",
  "description": "Auto margin is used by Apple, Google, Stripe, and other design leaders as a way to horizontally center some 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. In this Webflow University Micro Lesson, Grímur shows us how to select and apply auto margin to a container element.",
  "url": "https://university.webflow.com/videos/auto-margin",
  "thumbnailUrl": "https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/64b947c844401f5fd8118517_5f5b94ef605d28a809dabc51_auto-margin-thumb-wfu.webp",
  "duration": "0:21",
  "uploadDate": "2026-07-15T20:51:09.709Z",
  "contentUrl": "https://www.youtube.com/watch?v=OuzTiw7PqFc",
  "embedUrl": "https://www.youtube.com/embed/OuzTiw7PqFc",
  "inLanguage": "en",
  "publisher": {
    "@type": "Organization",
    "name": "Webflow",
    "logo": {
      "@type": "ImageObject",
      "url": "https://assets-global.website-files.com/6009ec03c3b4e33e78af04aa/6516be62e5c189e9d4fa5e8f_webflow-logo.svg"
    }
  },
  "about": {
    "@type": "Thing",
    "name": ""
  }
}