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 because valid XHTML doesn’t allow native block elements to reside inside native inline elements; e.g.
<h1><span class=”ie-block”>My Inline Headline</span></h1>
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.
3 Responses
leave one →
Thanks, saves me some reading large posts
Awesome! Short and to the point. Thanks!
Agree with the previous comment. Thanks!