Text Center Inside a Div Block

Enroll My Course : Next Level CSS Animation and Hover Effects
------------------
Join Our Channel Membership And Get Source Code Everyday
------------------
Please LIKE our Facebook page for daily updates...

[medeirosbrendon]

These properties already helped me a lot. Center align(Y and X) DIVs without flex are just pure pain for beginner developers like me...
text-align: center;
position: relative;
top: 50%;
transform: translateY(-50%);

[thTek]

Excellent video, monotonous annoying electronic background music

[ericcomstock]

Very helpful. Thank you. Works great when using display: grid

[sebastianonofrei]

hey, i have a question : What is better to use performance-wise : this method, or should we display flex the div and then align the text to center? :)

[UjjwalKumar-wgwu]

good but you should say something while explaining...

[dimmyantus]

Это Песня ДДТ??? Или мне показалось???? /// This song is DDT???

[lakshmislecture]

can u please put a video a paragraph that comes in a thumbnail please

[neeleshgaur]

Why you give position.relative to the div...as per me..we use position when we wanna move element....??

[anonymoussaif]

Sir text div ke bahar ajara hai kaisa adjust kara css ke help se

[mohammedriyazuddin]

you are not the regular one who designs...but you did nice too...

[ramneekkaur]

Thank u sir , but I have a doubt
Can we take
.container .h1 { positions: absolute;
Top:50%;
Left :50%;
Transformer: translate (-50%, -50%);
}

[monkeynippleking]

I don't really know you, but big thanks for the video. short videos like that are time saving and they cut down to the problem and solution really well, big thanks.

[princerajshrestha]

this is not a right way to align a text in center inside div block ☺

[kalinashupeva]

you have written quite useless things, thinking you are really clever for putting them, but at least you get the job done in the end
like what is the point of putting padding and margin in body for a damn background color hahahaahah


the only important thing for those who came here is text-align: center;