third_party/WebKit/LayoutTests/fast/css/word-spacing-between-inlines.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4     <meta charset="utf-8">
   5     <title>White space processing</title>
   6     <meta name="flags" content="ahem">
   7     <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" title="16.4 Letter and word spacing: the 'letter-spacing' and 'word-spacing' properties">
   8     <link rel="author" title="Robert Hogan">
   9     <style type="text/css">
  10         .wordspacing {
  11             margin:.2em 0;
  12             word-spacing:-.5em;
  13             font:18px Ahem,sans-serif;
  14         }
  15         .nowordspacing {
  16             font:18px Ahem,sans-serif;
  17             margin:.2em 0;
  18         }
  19         .wordspacing>span,
  20         .wordspacing-letters>span {
  21             display:inline;
  22         }
  23     </style>
  24 </head>
  25
  26 <body>
  27
  28 <p> White space between inline blocks should be affected by the word-spacing property.
  29      https://bugs.webkit.org/show_bug.cgi?id=69072 </p>
  30
  31 <p>The following strings must be the same:</p>
  32 <div class="wordspacing">x x x</div>
  33
  34 <div class="wordspacing">
  35     <span>x</span>
  36     <span>x</span>
  37     <span>x</span>
  38 </div>
  39 <div class="wordspacing"><span>x</span> <span>x</span> <span>x</span></div>
  40 <div class="wordspacing"><span>x</span>  <span>x</span>  <span>x</span></div>
  41
  42 <div class="wordspacing"><span>x</span> <span>x <span>x</span> </span></div>
  43 <div class="wordspacing">
  44     <span>x</span>
  45     <span>x <span>x</span> </span>
  46 </div>
  47 <div class="wordspacing">
  48     <span>x</span>
  49     <span>x
  50         <span>x</span>
  51     </span>
  52 </div>
  53
  54 <p>The following strings must be the same:</p>
  55 <div class="nowordspacing">x x x</div>
  56 <div class="nowordspacing">
  57     <span>x</span>
  58     <span>x</span>
  59     <span>x</span>
  60 </div>
  61 <div class="nowordspacing"><span>x</span> <span>x</span> <span>x</span></div>
  62 <div class="nowordspacing"><span>x</span> <span>x <span>x</span> </span></div>
  63 <div class="nowordspacing"><span>x</span> <span>x <span>x</span> </span></div>
  64 <div class="nowordspacing">
  65     <span>x</span>
  66     <span>x <span>x</span> </span>
  67 </div>
  68 <div class="nowordspacing">
  69     <span>x</span>
  70     <span>x
  71         <span>x</span>
  72     </span>
  73 </div>
  74
  75 <p>The following strings must be the same:</p>
  76 <div class="wordspacing">xxx</div>
  77 <div class="wordspacing"><span>x</span><span>x</span><span>x</span></div>
  78 <div class="nowordspacing"><span>x</span><span>x</span><span>x</span></div>
  79
  80 </body>
  81 </html>