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

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

Weet jij het antwoord?

/2500

Het beste antwoord

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.

Stel zelf een vraag

Ben je op zoek naar het antwoord die ene vraag die je misschien al tijden achtervolgt?

/100