Margin e Padding controllano lo spazio intorno e dentro gli elementi.
Differenza chiave
- Margin: spazio ESTERNO all'elemento (tra elementi)
- Padding: spazio INTERNO all'elemento (tra bordo e contenuto)
Sintassi
/* Tutti i lati uguali */
margin: 20px;
padding: 15px;
/* Verticale | Orizzontale */
margin: 10px 20px;
/* Top | Right | Bottom | Left */
margin: 10px 20px 15px 25px;
/* Singoli lati */
margin-top: 10px;
padding-left: 20px;Centrare elementi
.container {
margin: 0 auto; /* Centra orizzontalmente */
max-width: 1200px;
}