CSS Positioning


Hey Everyone,

I am running through the HTML/CSS Course and the one thing that keeps tripping me up is the position of certain items. So for example, the .nav a lot of times when I am trying to get it to center the text between the total height of the div I run into issues. Then grasping the concept of the inline-block and how to align them vertically. On one side you have the logo and on the other you have a navigation bar. Usually logo is okay but the navigation menu is towards the top. Is it just pretty much guessing the margins or what is the proper way to explain this to me so that I don't keep getting stuck.

Any input would be much appreciated.

Thanks all!


I wrote this answer a long time ago, which hopeful improve your understanding of positioning, concerning the centering, i recommend this guide, if you need help with something specific, post your code