LayoutTests/fast/css/negative-leading.html

   1 <!doctype html>
   2 <html>
   3     <head>
   4         <style>
   5             div {
   6                 font-size: 48px;
   7                 font-family: arial;
   8                 width: 400px;
   9             }
  10         </style>
  11     </head>
  12     <body>
  13         <p>The following two phrases should appear identical. The second line of text should overlap both the first line and the red border.</p>
  14         <div style="border: 2px solid red; height: 100%; padding: 10px 10px 0px 10px">
  15             <div style="line-height:19px">Lorem ipsum dolor sit amet</div>
  16         </div>
  17         <br>
  18         <div style="border: 2px solid red; height: 100%; padding: 10px 10px 0px 10px">
  19             <div style="line-height:40%">Lorem ipsum dolor sit amet</div>
  20         </div>
  21     </body>
  22 </html>
  23