Member Avatar for trishfernan

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
  • 90 Views
  • 3 Hours Discussion Span
  • Latest Post Latest Post by diafol
Member Avatar for diafol

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
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.