Inline-level elements are those elements of the source document that do not form new blocks of content; the content is distributed in lines (e.g., emphasized pieces of text within a paragraph, inline images, etc.). Several values of the ‘display’ property make an element inline: ‘inline’, ‘inline-table’, ‘inline-block’ and ‘run-in’ (part of the time; see run-in boxes). Inline-level elements generate inline boxes.
height properties do not apply to non-replaced inline-level elements. The content width of a non-replaced inline element’s boxes is that of the rendered content within them (before any relative offset of children).
The computed value of positioned or floated inline-level elements is block to which
Style the yellow box with
zoom:1 and see what happens in IE 6 and 7. Note that in Strict mode, ‘width’ and ‘height’ do not trigger hasLayout when applied to inline elements.