| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .block { display: block; background: green; } |
| .inline { display: inline; margin-left: 40px; font: 30px/1 Ahem;} |
| span { width: 50%; background: white; } |
| .absolute { position: absolute; } |
| .float { float: left; } |
| </style> |
| <script src="../../resources/check-layout.js"></script> |
| </head> |
| <body> |
| <p> https://bugs.webkit.org/show_bug.cgi?id=95772: There should be six green bars below with a PASS in each. </p> |
| <div class="block"> |
| <div class="inline" data-expected-height="30"> <span class="absolute"></span> <span class="absolute"></span> </div> |
| </div> |
| <div class="block"> |
| <div class="inline" data-expected-height="30"><span class="absolute"></span><span class="absolute"></span></div> |
| </div> |
| <div class="block"> |
| <div class="inline" data-expected-height="30"><span class="float"></span><span class="float"></span></div> |
| </div> |
| <div class="block"> |
| <div class="inline" data-expected-height="30"> <span class="float"></span> <span class="float"></span></div> |
| </div> |
| <div class="block"> |
| <div class="inline" data-expected-height="30"><span></span><span></span></div> |
| </div> |
| <div class="block"> |
| <div class="inline" data-expected-height="30"> <span></span> <span></span></div> |
| </div> |
| <script> |
| checkLayout('body > div > div') |
| </script> |
| </body> |
| </html> |
