third_party/WebKit/LayoutTests/fast/text/basic/015.html

   1 <html>
   2 <head>
   3         <title>Testcase for bugzilla bug 6418</title>
   4 </head>
   5 <body>
   6     <p>
   7         This tests for a regression against
   8         <i><a href="https://bugs.webkit.org/show_bug.cgi?id=6418">http://bugzilla.opendarwin.org/show_bug.cgi?id=6418</a>
   9         Incorrect scrollbar when using overflow:auto and word-wrap:break-word;
  10         in some cases</i>.
  11     </p>
  12     <hr>
  13     <p>
  14         The first line should break after &ldquo;Lorem&rdquo;.
  15     </p>
  16     <div style="fonty-family: Times; font-size: 16px; width:83px; border: 1px cyan solid;">
  17         Lorem ipsum<span> dolor</span>
  18     </div>
  19     <hr>
  20     <p>
  21         The first line should break after the letter u, so that the gray border does not
  22         extend beyond the cyan box.
  23     </p>
  24     <div style="width: 85px; font-size: 16px; word-wrap:break-word; border: solid 1px cyan; font-family: Times;">
  25         <span style="border-right: 30px silver solid;">Loremipsum</span>
  26     </div>
  27     <hr>
  28     <p>
  29         The first line should break after the letter p, so that the text does not
  30         extend beyond the cyan box.
  31     </p>
  32     <div style="width: 85px; font-size: 16px; word-wrap:break-word; border: solid 1px cyan; font-family: Times;">
  33         <span style="border-left: 30px silver solid;">Loremipsum</span>
  34     </div>
  35     <hr>
  36     <p>
  37         &ldquo;Dolor&rdquo; should not break into two lines.
  38     </p>
  39     <div style="position: absolute;">
  40         <div style="font-size: 16px; word-wrap:break-word; border: solid 1px cyan; font-family: 'Lucida Grande';">
  41             Dolor
  42         </div>
  43     </div>
  44 </body>
  45 </html>