vertikale und horizontale Ausrichtung per css

.parent-element {
display: flex;
align-items: center;
/* Vertical align */
justify-content: center;
/* Horizontal align */
}

Keine Tabellen oder sonstwas. Nur ‚flex‘.

Mehr dazu:

https://www.wp-monkey.com/how-to-vertical-align-text-or-other-elements-with-css/

Also im Prinzip ganz genau, wie der Bleistift in seinem Bild