Ruimte tussen elementen in CSS kan op verschillende manieren toegevoegd worden, waaronder met behulp van de volgende eigenschappen:
1. Padding: Dit voegt ruimte toe rond de inhoud van een element, binnen de gedefinieerde randen.
Bijvoorbeeld: \`\`\`css p { padding: 10px; } \`\`\`1. Margin: Dit voegt ruimte toe rond een element, buiten eventuele gedefinieerde randen.
Bijvoorbeeld: \`\`\`css p { margin: 10px; } \`\`\`1. Border-spacing: Deze eigenschap bepaalt de afstand tussen de randen van aangrenzende cellen in een tabel. Dit is alleen relevant voor de ‘table’ weergave.
Bijvoorbeeld: \`\`\`css table { border-spacing: 10px; } \`\`\`Het is belangrijk om te weten dat de waarden voor padding en margin kunnen worden ingesteld aan alle vier kanten van een element (boven, rechts, onder, links), hetzij individueel, hetzij in één keer.
Vergeet ook niet dat padding onderdeel is van de box van een element, terwijl margin een ruimte buiten de box aanbiedt.