Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

wrong numbering of elements styled with "display: list-item; list-style-type: decimal;"

  • 1 reply
  • 5 have this problem
  • 2 views
  • Last reply by dmuller

more options

Following code :

<style type="text/css">

div {
 display: block;
 margin-left: 2em;
}
span {
 display: list-item;
 list-style-type: decimal;
}

</style>

<div>

 <span>first</span>
 <span>second</span>
 <span>third</span>

</div>

Displays as :

0. first
0. second
0. third 

while looking fine in other browsers (checked IE7, chrome, opera, safari...)

Following code : <!DOCTYPE html> <style type="text/css"> div { display: block; margin-left: 2em; } span { display: list-item; list-style-type: decimal; } </style> &lt;div> &lt;span>first&lt;/span> &lt;span>second&lt;/span> &lt;span>third&lt;/span> &lt;/div> Displays as : 0. first 0. second 0. third while looking fine in other browsers (checked IE7, chrome, opera, safari...)

Modified by dmuller

All Replies (1)

more options

updated code snap...

Modified by dmuller