layout/reftests/flexbox/flexbox-align-self-baseline-horiz-2-ref.xhtml@925c144e1f1f
layout/reftests/flexbox/flexbox-align-self-baseline-horiz-2-ref.xhtml
Fri, 16 Jan 2015 18:13:44 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Fri, 16 Jan 2015 18:13:44 +0100
- branch
- TOR_BUG_9701
- changeset 14
- 925c144e1f1f
- permissions
- -rw-r--r--
Integrate suggestion from review to improve consistency with existing code.
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.
8 -->
9 <html xmlns="http://www.w3.org/1999/xhtml">
10 <head>
11 <style>
12 .flexbox {
13 display: block;
14 border: 1px dashed blue;
15 font: 14px sans-serif;
16 }
18 input { height: 30px; }
20 textarea {
21 width: 30px;
22 height: 50px;
23 }
25 div.multilinebutton {
26 /* For comparison vs. "button.multilinebutton" in the testcase: */
27 -moz-appearance: button;
28 display: block;
29 text-align: center;
30 font: 20px sans-serif;
31 padding-top: 1px;
32 height: 49px;
33 width: 20px;
34 }
36 div { display: inline-block; }
37 table { display: inline-table; }
39 .lime { background: lime; }
40 </style>
41 </head>
42 <body>
43 <div class="flexbox">
44 <div class="lime">text</div
45 ><input type="text" style="width: 20px; min-width: 0;" value="input"
46 /><textarea style="width: 30px">t e x t a r e a </textarea
47 ><table cellspacing="0" cellpadding="0">
48 <div class="multilinebutton">b<br/>t<br/>n</div>
49 </table>
50 </div>
51 </body>
52 </html>
