Dropdown menu extra space removal.

[miky2020x]

Right now i’m creating my portfolio website and i’m currently working on the navigation bar and trying to make it a dropdown one.

I’ve managed to get it to function properly but i seem to have an issue.
If you look at this picture:
http://i40.tinypic.com/ae3xa0.png

To the left of the dropdown menu is a bunch of extra white space. How do i remove that and center the text?

Css Code for the navigation:
http://i44.tinypic.com/noda8j.png

Thanks a bunch if anyone can help,
– Miky.

[Anonymous]

try adding “text-align:center;” to the list wrapper.

And try not to write CSS code in a single line. It’s confusing and unnecessary.

[Rohithzr]

well it would have been a lot better if you could create a pen but nevertheless i created a menu some time ago which is similar to your menu by functionality.

https://www.dropbox.com/s/40iq4h5ygcvfbwv/men.html?v=0mcn

[miky2020x]

@Jarolin and @Rohithzr

Thank you both for helping me. I figured it out and now the text is aligned.

Thank you both again.

(I’ll work on the single line css)

[Author]

Posts