CSS Kochbuch

2.19 Ganze Absätze einrücken

Problem

Sie wollen einen ganzen Absatz einrücken und so den Absatz in Abbildung 2-28 in denjenigen aus Abbildung 2-29 umwandeln.

Abbildung 2-28. Die Absätze in der Standarddarstellung des Browsers

Abbildung 2-29. Eingerückte Absätze

Lösung

Verwenden Sie Klassenselektoren, um den gewünschten Effekt zu erzielen:

p.normal {
 padding: 0;
 margin-left: 0;
 margin-right: 0;
}
p.large {
 margin-left: 33%;
 margin-right: 5%;
}
p.medium {
 margin-left: 15%;
 margin-right: 33%;
}

Danach versehen Sie den Markup-Code mit den nötigen Attributen: ...