third_party/WebKit/LayoutTests/fast/css/word-spacing-between-blocks.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-block;
  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
  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>  <span>x</span></div>
  43
  44 <div class="wordspacing"><span>x</span> <span>x <span>x</span> </span></div>
  45
  46 <div class="wordspacing"><span>x </span>  <span>x</span>  <span>x</span></div>
  47
  48 <div class="wordspacing"> <span> x </span>  <span>x</span>  <span>x</span></div>
  49
  50 <div class="wordspacing">
  51     <span>x</span>
  52     <span>x <span>x</span> </span>
  53 </div>
  54
  55 <div class="wordspacing">
  56     <span>x</span>
  57     <span>x
  58         <span>x</span>
  59     </span>
  60 </div>
  61
  62 <p>The following strings must be the same:</p>
  63 <div class="nowordspacing">x x x</div>
  64
  65 <div class="nowordspacing">
  66     <span>x</span>
  67     <span>x</span>
  68     <span>x</span>
  69 </div>
  70
  71 <div class="nowordspacing"><span>x</span> <span>x</span> <span>x</span></div>
  72
  73 <div class="nowordspacing"><span>x</span> <span>x <span>x</span> </span></div>
  74
  75 <div class="nowordspacing"><span>x</span> <span>x <span>x</span> </span></div>
  76
  77 <div class="nowordspacing">
  78     <span>x</span>
  79     <span>x <span>x</span> </span>
  80 </div>
  81
  82 <div class="nowordspacing">
  83     <span>x</span>
  84     <span>x
  85         <span>x</span>
  86     </span>
  87 </div>
  88
  89 <p>The following strings must be the same:</p>
  90 <div class="wordspacing">xxx</div>
  91 <div class="wordspacing"><span>x</span><span>x</span><span>x</span></div>
  92 <div class="nowordspacing"><span>x</span><span>x</span><span>x</span></div>
  93
  94 </body>
  95 </html>