When I view the following code in Chrome/Firefox it shows up as intended but in IE 7 the 4th item shows up as 4.c and not 3.c like the other browsers, how can I make it work?
This is what I’m looking for:
1.a
2.b
Text
3.c
ect…
ol { margin: 0; padding: 0; list-style-position:inside;}
li { margin: 10px 0 10px 18px; }
h3 { display: inline; }
li.h3 { list-style-type: none; display:block; padding: 10px 0; }
<ol>
<li>a</li>
<li>b</li>
<li class="h3"><h3>text</h3></li>
<li>c</li>
<li>d</li>
<li>e</li>
<li>f</li>
<li>d</li>
</ol>