47 lines
2.2 KiB
HTML
47 lines
2.2 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
|
<html>
|
|
<!-- ================================================================ -->
|
|
<!-- WARNING! This document contains significant trailing whitespace! -->
|
|
<!-- ================================================================ -->
|
|
<head>
|
|
<title>white-space normal: zero width non-breaking space</title>
|
|
<style type="text/css">
|
|
/* setup */
|
|
.control { display: inline; font: 1em/1 Ahem, sans-serif; background: red; color: white; }
|
|
* { white-space: normall; font: inherit; }
|
|
div { display: block; margin: 1em; }
|
|
span { display: inline; }
|
|
|
|
/* test */
|
|
div { font: 20px/1 Ahem; }
|
|
.green { background: lime; color: green; }
|
|
.red { background: red; color: maroon; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="control">Ahem_font_required_for_this_test.</div>
|
|
<p>There should be no red below, only three identical striped green and lime bars.</p>
|
|
|
|
<!-- the next two tests are identical, but one uses raw data and the other uses entities -->
|
|
|
|
<div><span class="red">
|
|
|
|
<span class="green">X <span class="red"><span class="red"> <span class="red">
|
|
</span></span> </span>X <span class="red">
|
|
</span>X<span class="red"><span class="red"><span class="green"> </span><span
|
|
class="red"> </span></span> </span>X
|
|
<span class="red">
|
|
|
|
</span>
|
|
<span class="green">X<span class="green"> <span class="red"> </span></span><span
|
|
class="red"> </span>X<span class="red">
|
|
|
|
</span></span></div>
|
|
|
|
<div><span class="red">

   <span class="green">X <span class="red"><span class="red"> <span class="red">
   </span></span> </span>X <span class="red"> 
   </span>X<span class="red"><span class="red"><span class="green"> </span><span class="red"> </span></span> </span>X
<span class="red"> 
   
   </span>
   <span class="green">X<span class="green"> <span class="red"> </span></span><span class="red"> </span>X<span class="red">

  </span></span></div>
|
|
|
|
<div><span class="green">X X X X X X</span></div>
|
|
|
|
</body>
|
|
</html>
|