Indentation Consultation

Please tell me in what cases it is better to use “margin”, and in which cases “padding”? When setting up indents in the computer and mobile versions of the site via CSS.

Hello,

Margin is an element’s personal space that how much distance the element wants to keep with other elements around it.

Padding is how much an element is away from itself that how much distance an element wants to keep with the elements inside it.

They both are used to create gaps around elements, but they differ in their method of creating that gap. Margin accommodates the gap by pushing adjacent elements away from it, while Padding accommodates the gap by either growing its own size or by shrinking the size of content inside it.

By default, padding will increase the size of the element to accommodate the gap.

Screenshot for better understanding: https://jmp.sh/M7MsjCS

Hope the above instructions helps you to figure out when to use padding and when to use margin while adding custom css code in your site

Best Regards.

“Margin” can take a negative value, and “padding” always remains positive?

Hello,

Padding by definition is a positive integer (including 0).

Negative padding would cause the border to collapse into the content so this would make the content area smaller than the content, which doesn’t make sense.

But browser still supports the negative padding. So you can use according to situation demand.

Best Regards.

Thank! You answered my question.

Hello,

I’m so happy to hear you are pleased with the Theme and Support. XTemos strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts