<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <html> <!-- ================================================================ --> <!-- WARNING! This document contains significant trailing whitespace! --> <!-- ================================================================ --> <head> <title>white-space: mixed tests</title> <style type="text/css"> .control { display: inline; font: 1em/1 Ahem, sans-serif; background: red; color: white; } .test { font: 1em/1 Ahem; background: green; color: lime; width: 19em; } .normal { white-space: normal; } .nowrap { white-space: nowrap; } .pre { white-space: pre; } </style> </head> <body> <div class="control">Ahem_font_required_for_this_test.</div> <p>There should be a pretty green and lime pattern and the word "PASS" in lime on white below.</p> <div class="test pre"> 1234567890123456789<span class="normal"> x <span> x <span class="pre"></span> x<span> </span> x x</span> x <span> x x </span> x <span class="pre">x</span> 1234</span>567890123456789 xxxx xxxx xx<span class="normal">x<span class="nowrap">x xxxx </span> </span>x<span class="normal"> <span class="pre"> </span> <span class="pre"> </span> <span class="pre"> </span> <span class="nowrap"> </span> </span> <span class="pre"> </span><span class="normal"> </span> <span class="nowrap"> </span><span class="normal"> </span> x x x x x x x <span class="nowrap">x x x x x x x x x x xxxx xxxx xxxx xxxx </span> x x x x x x x<span class="normal"> xxxxxxxxxxxxxxxxxxx<span class="pre"> x x x xxxx xxxx </span></span> </div> </body> </html>