CSS: Vertical alignment of HTML elements in horizontal DIV

Problem

Mehrere Element in einem DIV-Container sollen horizontal zentriert werden.

Ansatz – Approach

Usage of FLEX Container (HTML Standard)

Lösung – Solution

DIV Declaration:

<div class="oneLineLayout"> ... </div>

CSS Class:

.oneLineLayout {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

Über Björn Karpenstein

Diplom Informatiker, Programmierer, Musikbegeisterter
Dieser Beitrag wurde unter HTML/CSS veröffentlicht. Setze ein Lesezeichen auf den Permalink.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.