layout/reftests/margin-collapsing/inline-block-horizontal-2-dyn.html@925c144e1f1f
layout/reftests/margin-collapsing/inline-block-horizontal-2-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 body {
6 font-family: sans-serif;
7 }
8 #ib1 {
9 display: inline-block;
10 margin-right: 10px;
11 }
12 #ib2 {
13 display: none;
14 margin-left: 10px;
15 margin-right: 20px;
16 }
17 #ib3 {
18 display: inline-block;
19 margin-left: 40px;
20 }
21 </style>
22 <script type="text/javascript">
23 function test() {
24 document.getElementById('ib2').style.display = 'inline-block';
25 document.documentElement.removeAttribute('class');
26 }
27 document.addEventListener('MozReftestInvalidate', test, false);
28 </script>
29 </head>
30 <body>
31 <div><span id="ib1">Hello<span id="ib2">my</span></span><span id="ib3">Kitty</span></div>
32 </body>
33 </html>
