| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .block { background: green; } |
| .inline { display: inline; font: 30px/1 Ahem;} |
| .left { margin-left: 1px; } |
| .right { margin-right: 1px; } |
| </style> |
| <script src="../../resources/check-layout.js"></script> |
| </head> |
| <body> |
| <p> The first two green bars below should be 30px high and the last should be 60px high.</p> |
| <div class="block" data-expected-height="30"><div class="inline left"><div></div></div></div> |
| <div class="block" data-expected-height="30"><div class="inline right"><div></div></div></div> |
| <div class="block" data-expected-height="60"><div class="inline left right"><div></div></div></div> |
| <script> |
| checkLayout('body > div') |
| </script> |
| </body> |
| </html> |
