third_party/WebKit/LayoutTests/fast/inline-block/tricky-baseline.html

   1 <html>
   2 <head>
   3 <style>
   4 .one
   5 {
   6     display: inline-block;
   7     height: 200px;
   8     width:100px;
   9     overflow:auto;
  10     border: 2px solid purple;
  11 }
  12
  13 .two
  14 {
  15     display: inline-block;
  16     height:400px;
  17     width:200px;
  18     overflow:auto;
  19     border:2px solid black;
  20 }
  21 </style>
  22 </head>
  23 <body>
  24
  25 <div class="one">
  26 This is some text.<br>
  27 This is some text.<br>
  28 This is some text.<br>
  29 This is some text.<br>
  30 This is some text.<br>
  31 This is some text.<br>
  32 This is some text.<br>
  33 This is some text.<br>
  34 This is some text.<br>
  35 This is some text.<br>
  36 This is some text.<br>
  37 This is some text.<br>
  38 This is some text.<br>
  39 </div>
  40
  41 <div class="two">
  42 This is some text.<br>
  43 This is some text.<br>
  44 This is some text.<br>
  45 This is some text.<br>
  46 This is some text.<br>
  47 This is some text.<br>
  48 This is some text.<br>
  49 This is some text.<br>
  50 This is some text.<br>
  51 This is some text.<br>
  52 This is some text.<br>
  53 This is some text.<br>
  54 This is some text.<br>
  55 </div>
  56 </body>
  57 </html>