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;
}

Schreibe einen Kommentar

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

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.