[CSS21] vertical-align

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>

Received on Wednesday, 12 September 2007 19:40:40 UTC