| <!DOCTYPE HTML> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <title>White space processing</title> |
| <meta name="flags" content="ahem"> |
| <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"> |
| <link rel="author" title="Robert Hogan"> |
| <style type="text/css"> |
| .wordspacing { |
| margin:.2em 0; |
| word-spacing:-.5em; |
| font:18px Ahem,sans-serif; |
| } |
| .nowordspacing { |
| font:18px Ahem,sans-serif; |
| margin:.2em 0; |
| } |
| .wordspacing>span, |
| .wordspacing-letters>span { |
| display:inline-block; |
| } |
| </style> |
| </head> |
| |
| <body> |
| |
| <p> White space between inline blocks should be affected by the word-spacing property. |
| https://bugs.webkit.org/show_bug.cgi?id=69072 </p> |
| |
| <p>The following strings must be the same:</p> |
| <div class="wordspacing">x x x</div> |
| |
| <div class="wordspacing"> |
| <span>x</span> |
| <span>x</span> |
| <span>x</span> |
| </div> |
| |
| <div class="wordspacing"><span>x</span> <span>x</span> <span>x</span></div> |
| |
| <div class="wordspacing"><span>x</span> <span>x</span> <span>x</span></div> |
| |
| <div class="wordspacing"><span>x</span> <span>x <span>x</span> </span></div> |
| |
| <div class="wordspacing"><span>x </span> <span>x</span> <span>x</span></div> |
| |
| <div class="wordspacing"> <span> x </span> <span>x</span> <span>x</span></div> |
| |
| <div class="wordspacing"> |
| <span>x</span> |
| <span>x <span>x</span> </span> |
| </div> |
| |
| <div class="wordspacing"> |
| <span>x</span> |
| <span>x |
| <span>x</span> |
| </span> |
| </div> |
| |
| <p>The following strings must be the same:</p> |
| <div class="nowordspacing">x x x</div> |
| |
| <div class="nowordspacing"> |
| <span>x</span> |
| <span>x</span> |
| <span>x</span> |
| </div> |
| |
| <div class="nowordspacing"><span>x</span> <span>x</span> <span>x</span></div> |
| |
| <div class="nowordspacing"><span>x</span> <span>x <span>x</span> </span></div> |
| |
| <div class="nowordspacing"><span>x</span> <span>x <span>x</span> </span></div> |
| |
| <div class="nowordspacing"> |
| <span>x</span> |
| <span>x <span>x</span> </span> |
| </div> |
| |
| <div class="nowordspacing"> |
| <span>x</span> |
| <span>x |
| <span>x</span> |
| </span> |
| </div> |
| |
| <p>The following strings must be the same:</p> |
| <div class="wordspacing">xxx</div> |
| <div class="wordspacing"><span>x</span><span>x</span><span>x</span></div> |
| <div class="nowordspacing"><span>x</span><span>x</span><span>x</span></div> |
| |
| </body> |
| </html> |
