<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <html> <head> <title>white-space nowrap: basic test</title> <style type="text/css"> .control { display: inline; font: 1em/1 Ahem, sans-serif; background: red; color: white; } .top { font: 20px/1 Ahem; } .outer { width: 10em; background: red; } .inner { width: 7em; color: lime; background: green; white-space: nowrap; } </style> </head> <body> <div class="control">Ahem_font_required_for_this_test.</div> <p>There should be no red below, only a lime line with a green square in it.</p> <div class="top"> <div class="outer"> <div class="inner"> xxx xxxxxx </div> </div> </div> </body> </html>