<!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;
        }
    </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>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>
