What is the difference between padding and margins? - 3D Issue
![](https://www.3dissue.com/help/wp-content/uploads/2020/08/margin-border-padding-content.jpg)
In a nutshell, padding refers to the spacing between an element and the content within it and margin refers to the spacing between elements. The illustration below demonstrates the difference between the two. In Experios, all components are added into rows. They are essentially objects within objects. So, when adjusting
![](https://www.lifewire.com/thmb/JE1FvfKhXTBrRE9W9XFNH37S9Jw=/1500x0/filters:no_upscale():max_bytes(150000):strip_icc()/Padding-5ada00eb1d640400390ccf6d.jpg)
Knowing the Difference Between Padding and Margins
![](https://blog.logrocket.com/wp-content/uploads/2021/08/Margin-space-around-elements.png)
CSS margin vs. padding - LogRocket Blog
![](https://visualcomposer.com/wp-content/uploads/2019/05/Padding-margin-border-illustration.png)
Padding vs Margin Explained - Visual Composer Website Builder
![](https://cdn.shopify.com/s/files/1/0090/9236/6436/files/image9_b14a8664-75bf-4af6-b9dc-26d7898663bd_1024x1024.png?v=1644802151)
All You Need To Know About CSS Margin And Padding
![](https://blog.logrocket.com/wp-content/uploads/2021/08/Sides-margin-edge.png)
CSS margin vs. padding - LogRocket Blog
![](https://uxengineer.com/img/v1-blog/padding-vs-margin-cheat-sheet.jpg)
Padding vs Margin: The Definitive Guide – UX Engineer
![](https://visualcomposer.com/wp-content/uploads/2019/05/Box-model.png)
Padding vs Margin Explained - Visual Composer Website Builder
![](https://assets-global.website-files.com/64949e4863d96e26a1da8386/64b9488272e4c0957797caf8_646f8ba657e9cd6ed2a72fe8_e68b0202.png)
Spacing (margin and padding) - Webflow University Documentation
![](https://getshogun.com/wp-content/uploads/2022/08/612ff396062f5d06291eeba6_image201.png)
Margin vs Padding: How They Differ & How to Use Them
![](https://miro.medium.com/v2/resize:fit:1400/1*z_B0o4JbD0C6gpmcenUc4w.jpeg)
Support Vector Machines (SVM) clearly explained: A python tutorial