third_party/WebKit/LayoutTests/fast/forms/button-with-float-expected.html

   1 <!DOCTYPE html>
   2 <head>
   3 <style>
   4     .container {
   5         position: relative;
   6         -webkit-appearance: none;
   7         border: 1px solid black;
   8         padding: 0;
   9         background-color: buttonface;
  10         float: left;
  11     }
  12
  13     .margin {
  14         margin: 5px 10px 5px 5px;
  15     }
  16     .sized {
  17         width: 50px;
  18         height: 50px;
  19     }
  20     .pink {
  21         background-color: pink;
  22     }
  23     .float {
  24         float: left;
  25     }
  26     .line {
  27         height: 2px;
  28         border-top: solid 1px #fff;
  29         background: #00f;
  30
  31         position: absolute;
  32         width: 50px;
  33         bottom: 5px;
  34         left: 5px;
  35     }
  36 </style>
  37 </head>
  38 <body>
  39     You should see an almost-square grey rectangle containing a pink square with a blue line below it.
  40     There should be no pink below the blue line.
  41 <hr>
  42 <div class="container">
  43     <div class="margin sized float">
  44         <div class="sized">
  45             <div class="sized pink">
  46             <div class="line"></div>
  47         </div>
  48     </div>
  49 </div>