Auto merge of #5623 - pcwalton:nested-inline-vertical-align, r=glennw

This allows things like `<sup><span>Foo</span></sup>` to work and
improves Wikipedia.

r? @glennw
This commit is contained in:
bors-servo 2015-04-09 17:20:23 -05:00
commit d7b6961104
9 changed files with 248 additions and 98 deletions

View file

@ -311,8 +311,10 @@ experimental == rtl_simple.html rtl_simple_ref.html
== upper_id_attr.html upper_id_attr_ref.html
flaky_cpu,experimental == vertical-lr-blocks.html vertical-lr-blocks_ref.html
== vertical_align_bottom_a.html vertical_align_bottom_ref.html
== vertical_align_inside_table_a.html vertical_align_inside_table_ref.html
== vertical_align_sub_a.html vertical_align_sub_ref.html
== vertical_align_super_a.html vertical_align_super_ref.html
== vertical_align_super_nested_a.html vertical_align_super_nested_ref.html
== vertical_align_text_bottom_a.html vertical_align_text_bottom_ref.html
== vertical_align_text_top_a.html vertical_align_text_top_ref.html
== vertical_align_top_a.html vertical_align_top_ref.html

View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<!--
Tests that layout doesn't treat `vertical-align` on table cells as though it were
`vertical-align` on inlines.
-->
<style>
td {
vertical-align: top;
}
</style>
</head>
<body>
<table>
<tr><td>What? <a>What?</a></td></tr>
</table>
</body>
</html>

View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<!--
Tests that layout doesn't treat `vertical-align` on table cells as though it were
`vertical-align` on inlines.
-->
</head>
<body>
<table>
<tr><td>What? <a>What?</a></td></tr>
</table>
</body>
</html>

View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<!-- Tests that `vertical-align: baseline` inside `vertical-align: super` is laid out properly. -->
<style>
span {
vertical-align: baseline;
}
</style>
</head>
<body>
<p><sup><span>Yo</span></sup></p>
</body>
</html>

View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<head>
<!-- Tests that `vertical-align: baseline` inside `vertical-align: super` is laid out properly. -->
</head>
<body>
<p><sup>Yo</sup></p>
</body>
</html>