white-space-normal-004

white-space normal: UNICODE space characters with inline elements

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 with inline elements</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/004.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: normall; 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> <span> X</span> <span> X</span> X&nbsp; X X &nbsp;&Eacute; <span> X&nbsp;&nbsp;</span>&Eacute;</span> </div>
28      <div> </div>
29      <div><span>  XXX&Eacute; XXXX &Eacute;XXp &Eacute;XXp </span></div>
30      <div> <span>X    X  X p&nbsp; <span> X </span>  p &nbsp;X </span> </div>
31      <div><span>X&nbsp; &nbsp; X<span></span>&nbsp;<span> X </span>&Eacute;XX&Eacute; <span> </span> &Eacute;XX&Eacute;  </span>   </div>
32     </td>
33    </tr>
34   </table>
35  </body>
36 </html>