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