third_party/WebKit/LayoutTests/fast/block/float/checkbox-and-radio-avoid-floats.html

   1 <!DOCTYPE html>
   2 <style>
   3 body {
   4     margin: 0;
   5 }
   6 #float {
   7     float: left;
   8     width: 100px;
   9     height: 200px;
  10     background: blue;
  11     }
  12 input {
  13     display: block;
  14     width: 50px;
  15     height: 10px;
  16 }
  17 </style>
  18 <script src="../../../resources/check-layout.js"></script>
  19 <p> Checkboxes and radio boxes are replaced elements, so they should avoid floats. </p>
  20 <div id="float"></div>
  21 <input type="checkbox" data-offset-x=100 />
  22 <input type="radio" data-offset-x=100 />
  23 <script>
  24 onload=function() { checkLayout('input'); }
  25 </script>
  26