Arbeit mit Padding-Abständen in CSS
Wir haben die Eigenschaft margin besprochen,
die einen Abstand nach außen vom Rand erzeugt.
Es gibt auch eine sehr ähnliche Eigenschaft padding,
die einen Abstand nach innen vom Rand erzeugt.
Schauen wir uns nun an Beispielen an, wie diese Eigenschaft funktioniert. Zuerst zeige ich einen Block ohne Abstände (bei ihm klebt der Text am Rand):
<div id="elem">
some long text
</div>
#elem {
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
Und jetzt setzen wir padding auf 30px
für alle Seiten:
<div id="elem">
some long text
</div>
#elem {
padding: 30px;
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
