layout/reftests/flexbox/flexbox-align-self-baseline-horiz-3-ref.xhtml@a63d609f5ebe
layout/reftests/flexbox/flexbox-align-self-baseline-horiz-3-ref.xhtml
Thu, 15 Jan 2015 15:55:04 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 15 Jan 2015 15:55:04 +0100
- branch
- TOR_BUG_9701
- changeset 9
- a63d609f5ebe
- permissions
- -rw-r--r--
Back out 97036ab72558 which inappropriately compared turds to third parties.
1 <?xml version="1.0" encoding="UTF-8"?>
2 <!--
3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/publicdomain/zero/1.0/
5 -->
6 <!-- Reference case for behavior of the 'baseline' value for align-items and
7 align-self.
9 NOTE: For multi-line 'display: block' flex items in the testcase, we use
10 an inline-table here in the reference case, so that we get first-line
11 baseline alignment. (If we used an inline-block instead, that would give
12 us *last-line* baseline alignment.)
13 -->
14 <html xmlns="http://www.w3.org/1999/xhtml">
15 <head>
16 <style>
17 .flexbox {
18 display: block;
19 border: 1px dashed blue;
20 font: 14px sans-serif;
21 }
23 div { display: inline-block; }
24 table { display: inline-table; }
26 .big {
27 height: 100px;
28 font: 24px sans-serif;
29 margin-top: 20px;
30 }
32 .lime { background: lime; }
33 .pink { background: pink; }
34 .aqua { background: aqua; }
35 </style>
36 </head>
37 <body>
38 <div class="flexbox">
39 <div class="lime">text</div
40 ><button>btn</button
41 ><input type="radio"
42 /><input type="checkbox"
43 /><label class="pink">label</label
44 ><table cellspacing="0" cellpadding="0" class="aqua">
45 <label>lab<br/>el</label>
46 </table
47 ><table cellspacing="0" cellpadding="0">
48 <fieldset>field<br/>set</fieldset>
49 </table
50 ><table cellspacing="0" cellpadding="0">
51 <fieldset><legend>leg</legend>field<br/>set</fieldset>
52 </table
53 ><table cellspacing="0" cellpadding="0">
54 <fieldset><legend>leg<br/>end</legend>field<br/>set</fieldset>
55 </table>
56 </div>
57 </body>
58 </html>
