third_party/WebKit/LayoutTests/fast/text/whitespace/no-wrap-child-in-auto-wrap-container.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <style type="text/css">
   5             #container {
   6                 width: 200px;
   7             }
   8             #float {
   9                 float: left;
  10                 height:50px;
  11                 width: 50px;
  12                 background-color:red;
  13             }
  14             #nowrap {
  15                 white-space: nowrap;
  16             }
  17          </style>
  18     </head>
  19     <body>
  20         A no-wrap child that does not fit on an autowrap line should shift down even when there
  21         is no whitespace after the no-wrap child.
  22         <!-- The lack of whitespace between </span> and </div> in this case below was preventing WebKit from moving the line down beneath the float -->
  23         <div id="container">
  24             <div id="float"></div>
  25             <span id="nowrap">This text should be under the red square.</span></div>
  26         <br>
  27         <div id="container nowrap">
  28             <div id="float"></div>
  29             <span id="nowrap">This text should be to the right of the red square.</span></div>
  30     </body>
  31 </html>
  32