display-block-baselines-4-ref.html (1443B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html><head> 7 <meta charset="utf-8"> 8 <title>Reference: Testcase #4 for bug 1330962</title> 9 <style type="text/css"> 10 html,body { 11 color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0; 12 } 13 * { font:16px/1 monospace; } 14 15 .block { display: block; } 16 .grid { display: grid; } 17 18 .no-theme { 19 -moz-appearance: none; 20 -webkit-appearance: none; 21 appearance: none; 22 padding: 20px 0; 23 border: none; 24 background: white; 25 } 26 27 .scroll { 28 overflow-y: scroll; 29 } 30 31 .no-scroll { 32 overflow: visible; 33 } 34 35 </style> 36 </head> 37 <body> 38 39 <div> 40 <div style="display:inline-block"> 41 A<br> 42 <div style="display:inline-block"><fieldset style="display:inline"><legend>legend</legend> 43 fieldset-first<br>fieldset-last</fieldset></div> 44 </div> 45 B 46 </div> 47 48 <div> 49 <div style="display:inline-block"> 50 A<br> 51 <fieldset style="display:inline-grid">grid-fieldset-first<x>grid-fieldset-last</x></fieldset> 52 </div> 53 B 54 </div> 55 56 <div> 57 <div style="display:inline-block"> 58 A<br> 59 <fieldset style="display:inline" class="no-theme">fieldset-first<br>fieldset-last</fieldset> 60 </div> 61 B 62 </div> 63 64 <div> 65 <div style="display:inline-block"> 66 A<br> 67 <fieldset style="display:inline" class="no-theme scroll">fieldset-first<br>fieldset-last</fieldset> 68 </div> 69 B 70 </div> 71 72 </body> 73 </html>