third_party/WebKit/LayoutTests/css3/flexbox/floated-flexitem-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <style>
   4 #flexbox {
   5   background-color: lightgrey;
   6 }
   7 #flexbox > * {
   8   border: 1px solid green;
   9   vertical-align: top;
  10 }
  11 </style>
  12 <body>
  13 <p>
  14 This example is from the spec. There should be four flex items. Anonymous item 3 shouldn't have
  15 a green border because the anonymous block is the flex item.
  16 </p>
  17 <div id="flexbox">
  18     <div style="display: inline-block">block</div><div
  19       style="display: inline-block">float</div><div
  20       style="display: inline-block; border: 0">anonymous item 3</div><div
  21       style="display: inline-block">
  22         item 4<br>
  23         item 4<br>
  24         item 4
  25     </div>
  26 </div>
  27 </body>
  28 </html>