layout/reftests/generated-content/display-types-01-ref.html

Wed, 31 Dec 2014 06:55:50 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:55:50 +0100
changeset 2
7e26c7da4463
permissions
-rw-r--r--

Added tag UPSTREAM_283F7C6 for changeset ca08bd8f51b2

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

mercurial