Hallo allerseits,
wie kann ich den Text in einer Hinweisbox vertikal zentrieren? Die Liste der bislang gescheiterten Versuche ist lang ...
Viele Grüße
Tom
Text in Hinweisbox vertikal zentrieren
-
Dazu gibt es aktuell im Widget keine Einstellmöglichkeit. Das müsste also ggf. per CSS gelöst werden.
-
Hallo Tom,
ist das eine Überschrift oder normaler Text?
-
Achso. Das bieten wir ja hier nicht so gerne an. Auch, weil es dann oft von unbeteiligten falsch eingesetzt wird und dann weiteren Supportaufwand nach sich zieht…
Folgendes css könnte helfen: display: flex; align-items: center;
Wenn auch noch horizontal zentriert werden soll, muss noch justify-content: center; mit dazu.
Ohne Support und Gewähr
-
Drcymbal Vermutlich ist da noch ein padding-bottom bzw margin-bottom auf dem Text, was das Zentrieren verhindert
-
Tut's nicht,
Bei mir tat es. Das sieht man deutlich, wenn man der Hinweisbox eine ordentliche (z.B. 280px) min-height gibt. Aber was phil-web schon sagte, vermutlich ist hier noch eine vom <p> erzeugte Margin im Spiel… Wenn man diese Margin eliminiert, kann man vermutlich aber auch auf die vertikale Zentrierung verzichten.
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!