0

Hi,

I have developed a drop down. In that I was trying to figure out how to reduce the <li> text gap or spacing.

What do you think, which css attribute is creating this gap or spacing. Here is the demo Click Here

Click Here

2
Contributors
1
Reply
10
Views
4 Years
Discussion Span
Last Post by diafol
0

It's probably due to .wrapper-dropdown-2 .dropdown having a default (useragent) -webkit-padding-start value set to 40px (if using Chrome).

Just add

padding: 0;

to .wrapper-dropdown-2 .dropdown

BTW, I deleted the content of the .wrapper-dropdown-2 .dropdown li item and it made no difference. You seem to have a lot going on in your items - I'm sure you could do without at least half of it.

Edited by diafol

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.