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
- Inline Block uno
- Inline Block due
- Inline Block tre
- Inline Block quattro
blah blah
A2. 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
A3. 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
A4. 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
A5. 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
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
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
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
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
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
blah blah
- Inline Block uno
- Inline Block due
- Inline Block tre
- Inline Block quattro
blah blah
with -moz-box-orient: vertical
CSS tests home