<!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>