<!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>