OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <title>Test With Both Leading and Trailing Whitespace</title> |
| 5 <style> |
| 6 div { height:30px; margin:0; padding:0; border:none; } |
| 7 .container { width:400px; } |
| 8 .floater { float:right; width:100px; background-color:green; } |
| 9 .middle { display:inline-block; width:300px; background-color:green; } |
| 10 </style> |
| 11 </head> |
| 12 <body> |
| 13 <p>There should be a single green rectangle below.</p> |
| 14 <!-- Single Leading and Trailing Space --> |
| 15 <div class="container"><div class="middle"></div> <div class="floater"></div> </
div> |
| 16 |
| 17 <!-- Single Leading and Multiple Trailing Spaces --> |
| 18 <div class="container"><div class="middle"></div> <div class="floater"></div>
</div> |
| 19 |
| 20 <!-- Multiple Leading and Single Trailing Spaces --> |
| 21 <div class="container"><div class="middle"></div> <div class="floater"></div>
</div> |
| 22 |
| 23 <!-- Multiple Leading and Trailing Spaces --> |
| 24 <div class="container"><div class="middle"></div> <div class="floater"></div>
</div> |
| 25 |
| 26 <!-- Mixture of Leading and Trailing Whitespace --> |
| 27 <div class="container"> |
| 28 <div class="middle"></div> |
| 29 <div class="floater"></div> |
| 30 </div> |
| 31 |
| 32 </body> |
| 33 </html> |
OLD | NEW |