Suggest an editImprove this articleRefine the answer for “What is padding?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)**`padding`** is the inner spacing between the content area and the border that creates space inside the element, pushing the content away from its edges. **Key point:** `padding` is part of the Box Model and, with `box-sizing: content-box`, increases the element's visual size; the background extends through it up to the border.Shown above the full answer for quick recall.Answer (EN)Image`padding` is the inner spacing between **content area** and **border**. It creates space inside the element, pushing the content away from its edges. Structure for reference: ```javascript margin → border → padding → content ``` Features: - it is part of the Box Model - increases the element's visual size with `box-sizing: content-box` - has no separate background, the background extends through content and padding up to the border Example: ```css div { padding: 20px; } ``` In this case, the block's content will be inset by 20px on all sides.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.