display: inline-table

Works (more or less) in: IE5/Mac, Op6+, Saf, Gecko 1.9+. Many differences in vertical-align interpretation.

Series A: Widthless inline-table divs, together with text

A1. inline-table, no vertical-align specified

A2. inline-table with vertical-align: top

A3. inline-table with vertical-align: bottom

A4. inline-table with vertical-align: middle

A5. inline-table with vertical-align: baseline

Series B: inline-table divs having assigned width, together with text

This is like series A but with an assigned width on the inline-tables. IE5/Mac works better: without a width the inline-table stretches to the full available width when it contains widthless block elements (and in other conditions) instead of shrink-wrapping the content.

B1. inline-table with assigned width, no vertical-align specified

B2. inline-table with assigned width and vertical-align: top

B3. inline-table with assigned width and vertical-align: bottom

B4. inline-table with assigned width and vertical-align: middle

B5. inline-table with assigned width and vertical-align: baseline

Series C: inline-table divs containing assigned width contents

This is like series A but with an assigned width on the contents of the inline-tables. IE5/Mac works better (the inline-table shrink-wrap the content.)

C1. inline-table with assigned width contents, no vertical-align specified

C2. inline-table with assigned width contents and vertical-align: top

C3. inline-table with assigned width contents and vertical-align: bottom

C4. inline-table with assigned width contents and vertical-align: middle

C5. inline-table with assigned width contents and vertical-align: baseline

CSS tests home