Say I have the following code
<style type="text/css" media="all">
span, ul, ul li {
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0;
list-style: none;
}
</style>
<span>i would want</span>
<ul>
<li>this</li>
<li>on</li>
<li>one line.</li>
</ul>
I want this to display inline in IE8. Everywhere I have read everything says this should work, IE8 supports inline-block. However after a morning of trying I cant get the above to line up. I know I could float it, but with the other elements on my page (not shown here) I would need to use a ‘clearfix’ which is more mark up. I only need to target IE8 and would love to know why inline block doesn’t work for me when apparently its supported. The above code does what I want when viewed in Google Chrome.
I’m guessing you haven’t declared a doctype. Try placing this on the first line, before the html tag:
The code you pasted works in IE8 with that doctype.