steeve
steeve

Reputation: 699

list items spacing issue in IE7

In my web page, there are some items listed like this,

I am wondering, it is taking much space in IE7(I haven't checked it yet on other versions of IE browsers) whereas in FF and Chrome it is fine. I have given "list-style-type: none" in my CSS. Still cant guess why it is taking space. Please help.

Upvotes: 2

Views: 181

Answers (2)

Eric
Eric

Reputation: 760

This one worked for me:

li { display:inline; }

Upvotes: 0

Dipak
Dipak

Reputation: 12190

Link Normalize CSS in your HTML page and your page should render the same in all major browsers.

Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.

Edit:

There can be an issue with the margin and padding, keep it to 0-

ul, li{
  margin: 0;
  padding: 0;
}

Upvotes: 2

Related Questions