CSS “display: inline-block” in IE7
2009 February 27
The CSS property “display: inline-block” only works in IE7 when it is applied to selectors that are displayed natively inline. For example, if you have an <h tag that needs to display as an inline-block you need to wrap the text with a span. This should be done with the span inside the h tag; i.e.
<h1><span class=”ie-block”>My Inline Headline</span></h1>
Because valid XHTML doesn’t allow native block elements to reside inside native inline elements, no matter how you apply your CSS properties.
This is all over the Internet in various forms. There are many more complicated examples of using inline-blocks in IE. Just thought I’d post this simple note about it.
