| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> |
| <html> |
| <head> |
| <title>Compact: Joining the line box model without changing the inheritance chain</title> |
| <style type="text/css"> |
| .compact { display: compact; } |
| .block { display: block; color: red; background: lime; line-height: 0; margin-left: 10em; } |
| span { color: black; } |
| </style> |
| </head> |
| <body> |
| <p>There should be no red below.</p> |
| <div class="compact"> Test: </div> |
| <div class="block"> <span>This sentence should have a green background.</span> </div> |
| </body> |
| </html> |
