Add a reftest for basic block layout in a vertical writing mode.

This commit is contained in:
Simon Sapin 2014-07-09 20:34:50 +01:00
parent 2e6b34f598
commit a29ab0e47c
3 changed files with 37 additions and 0 deletions

View file

@ -86,6 +86,7 @@ flaky_cpu == linebreak_simple_a.html linebreak_simple_b.html
== position_fixed_overflow_a.html position_fixed_overflow_b.html
== noscript.html noscript_ref.html
== pseudo_inherit.html pseudo_inherit_ref.html
experimental == vertical-lr-blocks.html vertical-lr-blocks_ref.html
== float_intrinsic_height.html float_intrinsic_height_ref.html
== table_auto_width.html table_auto_width_ref.html
== inline_whitespace_b.html inline_whitespace_ref.html

View file

@ -0,0 +1,18 @@
<!doctype html>
<html>
<head>
<style>
html { writing-mode: vertical-rl }
body { margin: 10px }
div { border: blue solid 5px; line-height: 30px; height: 500px }
p { background: green; margin: 40px 20px }
p + p { margin-top: 60px }
</style>
</head>
<body>
<div>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!doctype html>
<html>
<head>
<style>
div { border: blue solid 5px; position: absolute;
top: 10px; right: 10px; bottom: 10px; width: 120px; height: 500px }
p { background: green; margin: 0; position: absolute;
top: 40px; right: 20px; bottom: 40px; width: 30px }
p + p { right: 70px; top: 60px }
</style>
</head>
<body>
<div>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
</body>
</html>