| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Test With Leading Whitespace</title> |
| <style> |
| div { height:30px; margin:0; padding:0; border:none; } |
| .container { width:400px; } |
| .floater { float:right; width:100px; background-color:green; } |
| .middle { display:inline-block; width:300px; background-color:green; } |
| </style> |
| </head> |
| <body> |
| <p> There should be a single green rectangle below. </p> |
| <!-- Single Leading Space --> |
| <div class="container"><div class="middle"></div> <div class="floater"></div></div> |
| |
| <!-- Single Leading Newline --> |
| <div class="container"><div class="middle"></div> |
| <div class="floater"></div></div> |
| |
| <!-- Mixture of Leading Whitespace --> |
| <div class="container"><div class="middle"></div> |
| <div class="floater"></div></div> |
| |
| </body> |
| </html> |
