CSS: padding

Hvis du vil indrykke elementer der er barn af elementet kan du gøre det med padding
Du kan vælge at bruge padding-top, padding-right, padding-bottom eller padding-left og indrykke i enkelte sider.
Du kan også give dem alle en værdi på samme tid ved at skrive f.eks. padding: 5px 10px 5px 5px
Du kan også vælge bare at bruge padding: 5px og indrykke i alle sider.

//CSS
.red { background-color: red; }

.box {
  width: 300px;
  height: 100px;
}

.indrykket {
  padding: 30px 30px 30px 30px;
}
<!-- HTML -->
<div class="red box"> Jeg er en rød kasse uden indrykning </div>
<div class="red box indrykket"> Jeg er en rød kasse med indrykning på alle mine sider </div>
Jeg er en rød kasse uden indrykning

Jeg er en rød kasse med indrykning på alle mine sider fra min forælder