2.6.1 Außen- und Innenabstand

<div>Dies ist ein Text</div>

HTML-Quelltext:

<body>
   <div class="eingerueckt">Dies ist ein Text</div></body>

CSS-Datei:

div.eingerueckt {
   margin-left: 8px;
}

Soll sich hingegen der Text vom Rand des ihn umschließenden 
<div> entfernen, wird die Eigenschaft „padding“ verwendet, also der Innenabstand. Dieser wird völlig analog zur Eigenschaft „margin“ verwendet.

HTML-Quelltext:

<body>
   <divclass="eingerueckt">Dies ist ein Text</div></body>

CSS-Datei:

div.eingerueckt {
   padding-left: 12px;
   padding-top: 40px;
}