Vertical alignment

Vertical alignment
0

#1

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.


#2

maybe one of the methods here will help


#3

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.


#4

have you considered using flex to help you?