96 lines
2.5 KiB
HTML
96 lines
2.5 KiB
HTML
<!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>
|