third_party/WebKit/LayoutTests/fast/text/soft-hyphen-simple-text.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4             <title>Soft Hyphen Test</title>
   5                 <style>
   6                         p {
   7                                 text-align: justify;
   8                                 width: 250px;
   9                                 height: 250px;
  10                                 position: relative;
  11                                 padding: 1px;
  12                         }
  13                         p > #cover {
  14                                 position: absolute;
  15                                 top: 0;
  16                                 left: 0;
  17                                 right: 0;
  18                                 bottom: 0;
  19                                 background: green;
  20                                 display: block;
  21                         }
  22                 </style>
  23         </head>
  24         <body>
  25                 <p>
  26                         Lorem ipsu&shy;m dol&shy;or sit amet, consec&shy;tetur
  27                         ad&shy;ipi&shy;sci&shy;ng elit. Ve&shy;sti&shy;bul&shy;um
  28                         va&shy;rius, to&shy;rto&shy;r nec ti&shy;nci&shy;dunt
  29                         ali&shy;qu&shy;am, enim ve&shy;lit sem&shy;per nu&shy;lla,
  30                         al&shy;iqu&shy;am co&shy;ndim&shy;ent&shy;um est er&shy;at
  31                         nec mau&shy;ris. Nam sed ju&shy;sto at nu&shy;nc sem&shy;per
  32                         al&shy;iqu&shy;et sed sed nu&shy;lla. Nulla sit am&shy;et
  33                         od&shy;io a di&shy;am ves&shy;tib&shy;ulu&shy;m
  34                         ve&shy;hic&shy;ula sed vel la&shy;cus. Lor&shy;em ipsum
  35                         dolor sit amet, consectetur adipiscing elit. Phasellus
  36                         in vestibulum nisl. Nam ti&shy;ncid&shy;unt magna sed
  37                         ris&shy;us bl&shy;and&shy;it sa&shy;gitt&shy;is.
  38                         Ph&shy;as&shy;ell&shy;us a im&shy;per&shy;di&shy;et mi.
  39                         <span id="cover">&nbsp;</span>
  40                 </p>
  41                 <p>
  42                         A green square and no text should appear above.
  43                 </p>
  44         </body>
  45 </html>