Bild vertikal zentriert in DIV ausrichten

Inhalt vertikal mittel in einem DIV ausrichten.

Mit etwas CSS-Code lässt sich der Inhalt eines DIVs vertikal zur Höhe ausrichten:

.vertical-align-content {
    background-color:#f18c16;
    display:flex;
    align-items:center;
}

Zur Verwendung:

<div class="vertical-align-content">
    <img src="https://ekiwi.de/wp-content/uploads/2018/03/logo_blog_header-2.png">
</div>

Das komplette Beispiel gibt es hier.

Kommentar hinterlassen

Deine E-Mail-Adresse wird nicht veröffentlicht.