Skip to main content
Practice

Automatically Calculating Margin

So, what happens when we set the margin to "auto"?

Auto means 'automatically calculate the margin.'

For example, if you set margin: auto;, it will automatically calculate the left and right margins to be equal, centering the element within its container. This is a common CSS technique for centering elements on a page.

Note that you cannot use the auto value for padding. padding: auto; is not a valid CSS rule.

Padding deals with the internal space of an element, and that internal space is usually determined by the element's size or content.

Want to learn more?

Join CodeFriends Plus membership or enroll in a course to start your journey.