Tschousef: floats zentrieren für responsive Inhalte

Beitrag lesen

Keine Chance das mit float umzusetzen?

Je nach Gegebenheiten macht's vielleicht ein display: inline-block; mit text-align: center;

Funktioniert. Allerdings eben nur mit "text-align: center". Der Text soll aber nicht zentriert, sondern in einem Blocksatz dargestellt werden (abgesehen davon, dass es semantischer Unfug ist).

Egal ob "float:left" oder "display:inline-block", mit "margin:auto" bekommt man beide Varianten (OHNE Angaben zu "width") NICHT dazu, den Inhalt zu zentrieren. Ist das irgendwie möglich?

Ohne das HTML-Konstrukt zu kennen ist das aber natürlich ins Blaue geschossen.

...aufmerksames Durchlesen der Angabe wirkt Wunder:

container-div der float-Elemente mit margin-left:auto und margin-right:auto