Hi,
Ein Button ist ja auch kein Text oder?
Nein, aber ein inline-Element (solange man das nicht explizit ändert)
- text-align kontrolliert die Ausrichtung von Text und inline-Elementen wie Bildern (img)
Genau deswegen sollte text-align
im übergeordneten block-Element (hier: das div) auch Auswirkung auf die Buttons haben.
Allerdings nur in horizontaler Richtung. Für die vertikale Ausrichtung braucht es vertical-align
im übergeordneten Element. Das wirkt aber bei display: block;
nicht - aber das könnte man ja auf display: table-cell;
ändern. Wobei das eher veraltet ist - das war damals eine Notlösung, weil es flexbox noch nicht gab.
cu,
Andreas a/k/a MudGuard