layout/reftests/margin-collapsing/inline-block-sibling-1a-dyn.html@925c144e1f1f
layout/reftests/margin-collapsing/inline-block-sibling-1a-dyn.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 class="reftest-wait">
3 <head>
4 <style type="text/css">
5 #parent {
6 width: 200px;
7 background-color: lightgreen;
8 }
9 #inline-block1, #inline-block2 {
10 height: 2em; width: 200px;
11 background-color: green;
12 vertical-align: bottom;
13 }
14 #inline-block1 {
15 margin-bottom: .5em;
16 }
17 #inline-block2 {
18 margin-top: 1.5em;
19 }
20 </style>
21 <script type="text/javascript">
22 function test() {
23 document.getElementById('inline-block1').style.display = 'inline-block';
24 document.getElementById('inline-block2').style.display = 'inline-block';
25 document.documentElement.removeAttribute('class');
26 }
27 document.addEventListener('MozReftestInvalidate', test, false);
28 </script>
29 </head>
30 <body>
31 <div id="parent">
32 <div id="inline-block1"></div>
33 <div id="inline-block2"></div>
34 </div>
35 </body>
36 </html>
