Variable lenght centered drop down menus

[bistel]

I was trying to construct drop-down menus. I wanted them variable length set by text in the first unordered list item. I cannot for the life of me target the hover property to make it match the width. If some can help, I will also take any advice on the best way or better ways to do this. Thanks

https://jsfiddle.net/bistel/noduymjz/2/

[Paulie_D]

I wanted them variable length set by text in the first unordered list item.

I’m not quite sure what this means….which first list items…the top level li or the first `li of the submenu

Either way it seems odd…the menu items should be as wide as they need to be….and separated by margins. You seem to have a lot of extraneous padding and fixed widths in there.

I’m also not seeing any centering being done….but the first rule of centering is don’t use floats.

[Paulie_D]

Were you going for something like this?

https://codepen.io/Paulie-D/pen/LBMZKZ

[Author]

Posts