Reading[1]...
First question about vertical-align: baseline and elements that are
display:inline-block.
Does for example <span style="display:inline-block">Text1<br/>Text2</span>
have a baseline? If it does I would like to know what is an exact value of
baseline shift for such an inline block.
If it does not have a baseline so rule
"If the box doesn't have a baseline, align the bottom margin edge
with the parent's baseline" [1]
will apply to it then I would like to know if we have plans to
change this statement to make UAs that support
display:inline-block compatible with it?
There is a simple test case[2] at the bottom where IE, Opera
and WebKit fail to "align the bottom margin edge with the
parent's baseline" all together.
Second, comment about the note in [1]:
"Note. Values of this property have slightly different meanings
in the context of tables. Please consult the
section on table height algorithms for details."
I believe that "slightly different" is, well, slightly not the case.
There are two distinct meaning of vertical-alignment here.
First: vertical-alignment is an alignment of block itself in its parent
context and second (table cells) is an instruction for a *container*
of how to position its children. These two are conceptually different
cases so I propose to remove that "slightly" from the note.
Andrew Fedoniouk.
http://terrainformatica.com
[1] http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align
[2] Test case:
<html>
<body>
<p>One two three four
<span style="display:inline-block; border:1px solid">five<br/>six</span>
seven eight nine ten</p>
</body>
</html>