Re: HTML & CSS example

One quick comment, which is that 'vertical-align' property does not apply
to <div/> or other block elements. One has to use either:

(1)

<div>
  <table>
    <tr>
      <td style="vertical-align: bottom">
        <div/>
      </td>
    </tr>
  </table>
</div>

or

(2) use the new CSS3 Box Alignment Module's align-content property [1]:

<div style="align-content: end"/>

[1] http://dev.w3.org/csswg/css-align/#align-content

Note that display-align's {before, center, after} values, correspond to
align-content's {start, center, end} values. In particular, start and end
are used now in CSS to refer to prior and later edges in a manner
independent from the flow axis (block or inline).

I would suggest adopting approach (1) since few UAs support (2) at this
time.



On Thu, May 30, 2013 at 9:54 AM, Sean Hayes <Sean.Hayes@microsoft.com>wrote:

>  Here is the example I was talking about. This is not generated from my
> converter tool yet, I’ll be fixing that up over the next couple of days.**
> **
>
> Let me know if you see any bugs/gotchas****
>
> ** **
>
> Thanks****
>
> Sean.****
>
> ** **
>
> ** **
>