layout/reftests/generated-content/display-types-01-ref.html@925c144e1f1f
layout/reftests/generated-content/display-types-01-ref.html
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 <!DOCTYPE HTML>
2 <html>
3 <head>
4 <style>
5 div { border:1px solid green; margin:5px; }
6 </style>
7 </head>
8 <body>
9 <table width="100%"><tr><td valign="top">
10 <div><span style="display:block">1<img src="square-outline-32x32.png">"Before block</span
11 >Inner<span style="display:block">2<img src="square-outline-32x32.png">After block"</span
12 ></div>
13 <div><span style="display:inline">1<img src="square-outline-32x32.png">"Before inline</span
14 >Inner<span style="display:inline">2<img src="square-outline-32x32.png">After inline"</span
15 ></div>
16 <div><span style="display:inline-block">1<img src="square-outline-32x32.png">"Before inline-block</span
17 >Inner<span style="display:inline-block">2<img src="square-outline-32x32.png">After inline-block"</span
18 ></div>
19 <div><span style="display:table">1<img src="square-outline-32x32.png">"Before table</span
20 >Inner<span style="display:table">2<img src="square-outline-32x32.png">After table"</span
21 ></div>
22 <div><span style="display:inline-table">1<img src="square-outline-32x32.png">"Before inline-table</span
23 >Inner<span style="display:inline-table">2<img src="square-outline-32x32.png">After inline-table"</span
24 ></div>
25 <div><span style="display:table-row-group">1<img src="square-outline-32x32.png">"Before table-row-group</span
26 >Inner<span style="display:table-row-group">2<img src="square-outline-32x32.png">After table-row-group"</span
27 ></div>
28 </td><td valign="top">
29 <div><span style="display:table-row">1<img src="square-outline-32x32.png">"Before table-row</span
30 >Inner<span style="display:table-row">2<img src="square-outline-32x32.png">After table-row"</span
31 ></div>
32 <div><span style="display:table-cell">1<img src="square-outline-32x32.png">"Before table-cell</span
33 >Inner<span style="display:table-cell">2<img src="square-outline-32x32.png">After table-cell"</span
34 ></div>
35 <div><span style="display:table-caption">1<img src="square-outline-32x32.png">"Before table-caption</span
36 >Inner<span style="display:table-caption">2<img src="square-outline-32x32.png">After table-caption"</span
37 ></div>
38 <div><span style="display:-moz-box">1<img src="square-outline-32x32.png">"Before flexbox</span
39 >Inner<span style="display:-moz-box">2<img src="square-outline-32x32.png">After flexbox"</span
40 ></div>
41 <div><span style="display:-moz-inline-box">1<img src="square-outline-32x32.png">"Before inline-flexbox</span
42 >Inner<span style="display:-moz-inline-box">2<img src="square-outline-32x32.png">After inline-flexbox"</span
43 ></div>
44 </body>
45 </html>
