Padding:
Space which is having around the content.
Padding is the inner space of an element.
Margin:
Margin is the outer space of an element.
Examples:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDOrgWGD7xjzc9LvbpLjP_ADxQUt2QORODOOHNiXV8Hvhq1N7XF1A1Sy0fHdsPrkbiK97rzQif1RN76CG7MGfd6gLYnT8CRwm30FAFuORXTodT6ftE47M_JX6t1xfWnJMrTqkeDFZvKpE/s640/Screenshot_77.png) |
With out padding |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDbcuDJiD1rgtKpSXOZEGxUrX67nZh_bnE6bLFXUwNUrQmzXeLlN9hL23ccvwKxiD9BbISZYbvWGzc703OpEXJW03IYzF47I8HK8xZ7M7q768mXUfuuiVr42b4OxWfOA7A_jX4NaXQ2c/s640/Screenshot_78.png) |
With padding |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj63qkwkoxtB3KH1bmWh_nc9d0n9m0bHFE72frF8QswkSniL4sJrgXBmxmF4fCb-M2bPZhQ40IZmeCky6Dm_I4MrCnIjXedE9t-7u5mQtY6jDiecwxwC4AhzTgO-pqlE-KcJWCwX4cDNnI/s640/79.png) |
With out padding |
Advantages:
With padding understands clearly while reading.