white-space-normal-003

white-space normal: UNICODE space characters

WeasyPrint

This browser

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3  <head>
 4   <title>CSS Test: white-space normal: UNICODE space characters</title>
 5   <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
 6   <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/003.html" type="text/html">
 7   <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model">
 8   <style type="text/css">
 9    /* setup */
10    .control { display: inline; font: 1em/1 Ahem, sans-serif; background: red; color: white; }
11    * { white-space: normal; font: inherit; }
12    div { display: block; }
13    span { display: inline; }
14 
15    /* test */
16    td { font: 20px/1 Ahem; color: maroon; background: red; padding: 0; }
17    span { color: green; background: lime; }
18   </style>
19  </head>
20  <body>
21   <div class="control">Ahem_font_required_for_this_test.</div>
22   <p>There should be no red below, only the word "PASS" in green.</p>
23   <table>
24    <tr>
25     <td>
26      <div>	<span>XXXp pXXp pXXp pXXp</span></div>
27      <div><span> X  X X&nbsp; X X &nbsp;&Eacute; X&nbsp;&nbsp;&Eacute;</span> </div>
28      <div><span>  XXX&Eacute; XXXX &Eacute;XXp &Eacute;XXp </span></div>
29      <div> <span>X    X  X p&nbsp; X p &nbsp;X </span> </div>
30      <div>  <span> X&nbsp; &nbsp; X&nbsp; X &Eacute;XX&Eacute; &Eacute;XX&Eacute;
31 
32 </span>
33 
34    </div>
35     </td>
36    </tr>
37   </table>
38  </body>
39 </html>