display: inline-block + inline-table + -moz-inline-box

Works (more or less) in: IE5+/Win, IE5/Mac, Op6+, Moz, Saf

A: (widthless) inline-block divs, together with text

A1. inline-block divs, no vertical-align specified

blah blah
Inline Block
miau miau
barabau
Inline Block
bau bau
blah blah
blah blah

A2. inline-block divs with vertical-align: top

blah blah
Inline Block
miau miau
barabau
Inline Block
bau bau
blah blah
blah blah

A3. inline-block divs with vertical-align: bottom

blah blah
Inline Block
miau miau
barabau
Inline Block
bau bau
blah blah
blah blah

A4. inline-block divs with vertical-align: middle

blah blah
Inline Block
miau miau
barabau
Inline Block
bau bau
blah blah
blah blah

A5. inline-block divs with vertical-align: baseline

blah blah
Inline Block
miau miau
barabau
Inline Block
bau bau
blah blah
blah blah

B: inline-block divs with their content wrapped in a block with assigned width

The internal box helps Moz1.8- (using -moz-inline-box), the content's assigned width helps IE5/Mac.

B1. inline-block divs, no vertical-align specified

blah blah
Inline Block
miau miau
barabau
Inline Block
bau bau
blah blah
  • Inline Block uno
  • Inline Block due
  • Inline Block tre
  • Inline Block quattro
blah blah

B2. inline-block divs with vertical-align: top

blah blah
Inline Block
miau miau
barabau
Inline Block
bau bau
blah blah
  • Inline Block uno
  • Inline Block due
  • Inline Block tre
  • Inline Block quattro
blah blah

B3. inline-block divs with vertical-align: bottom

blah blah
Inline Block
miau miau
barabau
Inline Block
bau bau
blah blah
  • Inline Block uno
  • Inline Block due
  • Inline Block tre
  • Inline Block quattro
blah blah

B4. inline-block divs with vertical-align: middle

blah blah
Inline Block
miau miau
barabau
Inline Block
bau bau
blah blah
  • Inline Block uno
  • Inline Block due
  • Inline Block tre
  • Inline Block quattro
blah blah

B5. inline-block divs with vertical-align: baseline

blah blah
Inline Block
miau miau
barabau
Inline Block
bau bau
blah blah
  • Inline Block uno
  • Inline Block due
  • Inline Block tre
  • Inline Block quattro
blah blah

with -moz-box-orient: vertical

CSS tests home