Texteinzug

[Josey]

Hallo!

Ich möchte ein CSS für einen Text erstellen. Dieser soll aus Überschriften und Grundtext bestehen. Der Grundtext soll ca. 5 Punkt unter der Überschrift eingerückt sein:

Das ist die Überschrift
 Und das soll mein eingerückter
 Grundtext sein.

Mein CSS sieht so aus:
.grundtext {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #333333;
 cursor: crosshair;
 width: 350px;
 text-align: justify;
 padding: 5px
}
.headline {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #333333;
 padding: 10px
}

Leider macht es genau das Gegenteil von dem was ich will. Es wird die Überschrift eingezogen:

Das ist meine Überschrift
und das man Grundtext

Kann mir jemand sagen was ich falsch mache?
Danke und Grüsse Josey

[MudGuard]

Hi,

.grundtext {
padding: 5px
}
.headline {
padding: 10px
}
Leider macht es genau das Gegenteil von dem was ich will. Es wird die Überschrift eingezogen:

Wundert Dich das? Wenn Du .headline mehr padding verpaßt als .grundtext?

cu,
Andreas

[Josey]

Sorry, hatte es mal zum testen umgedreht und dann aus versehen den falschen Text kopiert.
Anderes rum macht er aber genau das gleiche!

Ich habe es jetzt mal mit text-indent: 5pt; probiert. Das geht auch nicht.