third_party/WebKit/LayoutTests/fast/text/word-space-between-inlines.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 div {
   6   word-spacing: 1px;
   7 }
   8 .float {
   9   float: left;
  10 }
  11 .inline-block {
  12   display: inline-block;
  13 }
  14 </style>
  15 </head>
  16 <body>
  17 <p>This test ensures that preferred width and layout match for blocks with word-spacing between inlines.
  18 All the text below should be on one line.</p>
  19 <div class="float" style="background-color: red"><span>a</span>
  20   <span>b</span></div>
  21 <div class="float" style="background-color: orange">c
  22   d</div>
  23 <div class="float" style="background-color: yellow">e
  24   <span>f</span></div>
  25 <div class="float" style="background-color: green"><span>g</span>
  26   h</div>
  27 <div class="inline-block" style="background-color: blue"><span>i</span>
  28   <span>j</span>
  29 </div><div class="inline-block" style="background-color: indigo">k
  30   l
  31 </div><div class="inline-block" style="background-color: purple">m
  32   <span>n</span>
  33 </div><div class="inline-block" style="background-color: violet"><span>o</span>
  34   p</div>
  35 </body>