Vertikale Abstände des Post-Inhalts

Anfangs hatte ich im CSS Abstand für den Post-Inhalt (.post-body) nach unten eingetragen, um die Label-Zeile auf Abstand zu bringen, die, wie ich fand, viel zu nah am Post-Inhalt stand. Nachdem ich aber in die Post-Vorlage unten eine klassifizierte div für Name, Blogadresse und Veröffentlichungsdatum eingetragen hatte, habe ich statt dessen lieber für sie den Abstand nach oben kommandiert. Direkt an der Unterschrifts- und Datumszeile darf die Label-Zeile nämlich gerne stehen. Beides zusammen soll aber Abstand zum eigentlichen Post-Inhalt haben. Für den Post-Inhalt habe ich im CSS dann noch Abstand nach oben geregelt, damit er nicht weiterhin direkt am Post-Titel klebt.

Das steht in meiner Postvorlage:

HTML

Hier schreiben
<div class="addresstime">
<address>
Ute Ziemes, 13021961.blogspot.de
</address>
,&nbsp;
<time>
TT.MM.JJJJ
</time>
</div>

Weil es nun in der Vorlage steht, muss ich das div nie mehr in neue Posts schreiben, sondern habe es automatisch mit drin. Ich muss jeweils nur das "TT.MM.JJJJ" durch das jeweilige Veröffentlichungsdatum ersetzen. Der Platzhalter "Hier schreiben" hilft mir, im Verfassen-Modus den div-Code nicht zu verletzen, der direkt darunter beginnt und den man in dem Modus ja nicht sieht. Der Platzhalter erinnert mich daran, dass ich im unteren Bereich ausschließlich die sichtbaren Teile und zwar nur exakt diese ändern darf. Selbstverständlich muss ich die Platzhalterzeile löschen, bevor ich den Post veröffentliche.

Und das ist das CSS dazu:

CSS

.post-body .addresstime {
color: #999;
font-size: 80%;
font-style: italic;
margin-top: 30px;
margin-bottom: 0px;
}
.post-body address {
float: left;
}
.post-body time {
clear: right;
font-weight: bold;
}

Den Abstand des Post-Inhalts nach oben regelt jetzt folgendes CSS-Kommando:

CSS

.post-body {
margin-top: 25px;
}

Ute Ziemes, 13021961.blogspot.de

,  31.03.2019