Vertical alignment

I always have trouble with vertical alignment using css, and usually find myself just using margins and padding to manipulate it.
“vertical-align: center/middle” never seems to work.

My latest problem is such:

I have a div cell which i’ve set to take 100% of viewport,. Inside that I have a title and a paragraph, bot of which I want to sit in the center regardless of the viewport size. How would I go about doing this? Obviously horizontal center alignment is easy, but I need a good way of doing vertical.

maybe one of the methods here will help

Thanks, that’s quite helpful for centering.

What if I want a horizontal inline list to be aligned to the bottom of it’s parent element. I’m really having trouble doing this on the nav bar.

have you considered using flex to help you?