Waarom centreert mijn tekst niet met text-align center met html?

Question

code: https://gyazo.com/633210bad06723c6b7c86d8ce4034a68

Ik wil zegmaar dat de tekst (name+description) onder elkaar komen te staan gecentreerd in het midden van het scherm over de image.

Kan iemand me helpen?
Bedankt

 · Accepted Answer

de oorzaak is de position: absolute die je meegeeft aan de .name en .description class. Haal deze weg.
De position: absolute zorgt ervoor dat de naam en omschrijving linksboven in beeld zullen komen te staan als twee losse block elementen. De tekst binnen die block elementen is wel gecentreerd, maar omdat de breedte van het element gelijk is aan de hoeveelheid tekst merk je er niets van.

Waarom centreert mijn tekst niet met text-align center met html?

Het beste antwoord

Bekijk alle vragen in deze categorieën: