| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 | 2 |
| 3 <html> | 3 <html> |
| 4 <head> | 4 <head> |
| 5 <style> | 5 <style> |
| 6 body { overflow: hidden; } |
| 6 h2 { | 7 h2 { |
| 7 font-size: 12pt; | 8 font-size: 12pt; |
| 8 margin: 2px; | 9 margin: 2px; |
| 9 } | 10 } |
| 10 | 11 |
| 11 .box { | 12 .box { |
| 12 display: inline-block; | 13 display: inline-block; |
| 13 height: 100px; | 14 height: 100px; |
| 14 width: 300px; | 15 width: 300px; |
| 15 margin: 10px; | 16 margin: 10px; |
| (...skipping 70 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 86 </div> | 87 </div> |
| 87 | 88 |
| 88 <!--Should see a sharp green/yellow transition in the right box--> | 89 <!--Should see a sharp green/yellow transition in the right box--> |
| 89 <div class="container"> | 90 <div class="container"> |
| 90 <div class="linear7 box"></div> | 91 <div class="linear7 box"></div> |
| 91 <div class="linear8 box" style="width: 200px;"></div> | 92 <div class="linear8 box" style="width: 200px;"></div> |
| 92 </div> | 93 </div> |
| 93 | 94 |
| 94 </body> | 95 </body> |
| 95 </html> | 96 </html> |
| OLD | NEW |