HTML und CSS · Junior · Frage 31 von 75
Welcher Ansatz zentriert einen Block im Elternelement richtig horizontal und vertikal?
- 1Am Elternelement:
text-align: center; vertical-align: middle; line-height: 100% - 2Am Kind:
margin: autoganz ohne Styles am Elternelement - 3Am Elternelement:
display: flex; justify-content: center; align-items: center
Antwort zeigen
Richtige Antwort: Am Elternelement: display: flex; justify-content: center; align-items: center
Erklärung
Flexbox mit justify-content und align-items: center ist der verbreitetste Ansatz (Alternative mit Grid: display: grid; place-items: center). text-align zentriert nur Inline-Inhalt, und vertical-align wirkt nicht auf Blöcke. margin: auto an einem normalen Block zentriert nur horizontal (und nur mit gesetzter Breite); vertikal wirkt es innerhalb von Flex/Grid.