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