miky2020x

# May 18, 2013 at 4:26 pm

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:
//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:
//i44.tinypic.com/noda8j.png

Thanks a bunch if anyone can help,
– Miky.

htmlcinco

# May 18, 2013 at 4:52 pm

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

# May 18, 2013 at 4:54 pm

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.

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

miky2020x

# May 18, 2013 at 5:03 pm

@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)