How do I dead center multiple lines of text/elements?


#1

I am working on the "move" project in the HTML & CSS course, and I'm having trouble centering the "MOVE" heading, paragraph, and "start now" button within the main div. Anyone know how to do this? Apparently the text-align trick only centers things horizontally, and adjusting the line-height property only centers things vertically if there's only one element within the container. But, in this case there are multiple lines/elements. So, I guess a better way of putting it is: how does one center multiple lines of text vertically and horizontally?


#2

this is a good guide about centering. There is no perfect centering property, you will have to code it