the source code is:
<div style="width:100%;"> <input type="checkbox"/><div style="width:96%;display:-moz-inline-stack;display:inline-block;vertical-align:baseline;zoom:1;*display: inline;">AAAAAAAAA<span style="float:right;vertical-align:baseline">BBBBBBBBBBBBB</span></div></div></body></html>

3 answers

Major 4
This was chosen as the best answer

add !DOCTYPE for HTML, in IE8 this issue solve :)-, but when I use compalibility view, that issue come back, any one know the reason?

Answered over 8 years ago by Major
Ktash 1851

IE 7 and 6 only apply the display: inline-block; style to inline level elements. You'll need to find another way to get the effect you're looking for, or use conditional comments to fix the issue in IE 7 and lower.

Answered over 8 years ago by Ktash
Cyrena 10


I just fought with this myself. IE 7 and below don't properly support inline-block, but you can trick it into doing the same thing with display:inline (for IE 7 and below only) and giving it layout with zoom:1. Here's a full explanation. I would only suggest that you use conditional comments instead of IE's CSS bugs for specifying different browsers.

This page is also good for checking out how inline-block will display.

Hope that helps!

Answered over 8 years ago by Cyrena