| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Test With Both Leading and Trailing 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 and Trailing Space --> |
| <div class="container"><div class="middle"></div> <div class="floater"></div> </div> |
| |
| <!-- Single Leading and Multiple Trailing Spaces --> |
| <div class="container"><div class="middle"></div> <div class="floater"></div> </div> |
| |
| <!-- Multiple Leading and Single Trailing Spaces --> |
| <div class="container"><div class="middle"></div> <div class="floater"></div> </div> |
| |
| <!-- Multiple Leading and Trailing Spaces --> |
| <div class="container"><div class="middle"></div> <div class="floater"></div> </div> |
| |
| <!-- Mixture of Leading and Trailing Whitespace --> |
| <div class="container"> |
| <div class="middle"></div> |
| <div class="floater"></div> |
| </div> |
| |
| </body> |
| </html> |
