CSS: Erste Zeile einrücken

Bei umfangreichen Textdokumenten

sieht es gut aus, wenn die erste Zeile eines neuen Absatzes leicht eingerückt ist.

CSS: eingerückte Zeile

Das geht mit CSS ganz einfach, indem Sie eine Vorlage wie die folgende definieren:

<html>

<head><title>CSS-Test</title>

<style type="text/css">

p { text-indent: 15px;width: 400px;}

</style>

</head><body>

<p>Ich bin ein kleiner Absatz, bei dem die erste Zeile

ein wenig weiter eingezogen wird...</p>

</body></html>

Der Absatz wird in einer Breite von 400 Bildpunkten ausgegeben, die erste Zeile ist um fünf Pixel eingerückt.

 

Ähnliche Beiträge