OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 .float | 3 .block { |
4 { | |
5 float: left; | |
6 width: 25px; | 4 width: 25px; |
7 height: 50px; | 5 height: 50px; |
8 background-color: green; | 6 background-color: green; |
9 } | 7 } |
10 .inline-block | 8 |
11 { | 9 .float { |
12 width: 25px; | 10 width: 25px; |
13 height: 50px; | 11 height: 50px; |
14 background-color: green; | 12 background-color: green; |
15 display: inline-block; | 13 float: left; |
16 } | 14 } |
17 </style> | 15 </style> |
18 <p>crbug.com/523282: There should be a green <em>square</em> below.</p> | 16 <p>crbug.com/322039: There should be a green <em>square</em> below.</p> |
19 <div> | 17 <div> |
20 <div class="inline-block"></div> | 18 <div></div> |
21 <div id="first"></div> | 19 <br> |
| 20 <div id="first" class="block"></div> |
22 <div class="float"></div> | 21 <div class="float"></div> |
23 </div> | 22 </div> |
24 <script> | 23 <script> |
25 document.body.offsetTop; | 24 document.body.offsetTop; |
26 document.getElementById("first").style.display = "inline-block"; | 25 document.getElementById("first").style.display = "inline-block"; |
27 </script> | 26 </script> |
| 27 |
OLD | NEW |