<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <html> <head> <title>Compact: Correct vertical alignment</title> <style type="text/css"> .control { display: inline; font: 1em/1 Ahem, sans-serif; background: red; color: white; } .container { background: red; color: green; width: 2em; font: 2em/1 Ahem; } .compact { display: compact; } .block { display: block; margin: 0 0 0 1em; } </style> </head> <body> <div class="control">Ahem_font_required_for_this_test.</div> <p>There should be a single green rectangle square below.</p> <div class="container"> <div class="compact"> X </div> <div class="block"> X </div> </div> </body> </html>