wrong numbering of elements styled with "display: list-item; list-style-type: decimal;"
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>
<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...)
Modified by dmuller
All Replies (1)
updated code snap...
Modified by dmuller