Szöveg középre igazítása

Szöveg középre igazítása
2021-06-13T20:22:51+02:00
2021-06-14T08:52:53+02:00
2022-08-12T03:15:30+02:00
*deleted_23419333
Sziasztok!

HTML

<div class="single-title"> <h1>Test</h1> <span class="single-date">May 30, 2021</span> </div>

CSS

.single-title { width: calc(100% - 48px); float: left; padding: 24px; } .single-title h1 { font-weight: bold; font-size: 1.5em; float: left; margin: 0; padding: 0; } .single-date { float: right; line-height: 1.5em; }

Kép: cSMP5OW.png

A dátumot hogyan tudnám középre igazítani, illetve miért nem jó erre a line-height: 1.5em? Volt mostanában egy hasonló kérdésem, de az ottani megoldás itt nem működik:

display: flex; justify-content: center; align-items: center;
Mutasd a teljes hozzászólást!
Az egész css helyett próbáld ki ezt:

.single-title { background: lightgray; padding: 24px; display: flex; align-items: center; justify-content: space-between; }
Mutasd a teljes hozzászólást!

abcd