layout/reftests/floats/1114329.html

   1 <!DOCTYPE html>
   2 <html class="reftest-wait">
   3   <head>
   4     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   5     <style type="text/css">
   6     p {  border: 1px solid black; }
   7         .layout-main-page-content { width: 75%; float: right;}
   8         .layout-right-column { width: 25%; float: left; }
   9     </style>
  10     <script type="text/javascript">
  11       function do_test() {
  12         document.getElementById("image").removeAttribute("hidden");
  13         document.documentElement.removeAttribute("class");
  14       };
  15     </script>
  16   </head>
  17   <body dir="rtl" onload="do_test()">
  18     <div>
  19       <div class="layout-main-page-content">
  20         <img src="foo">
  21         <p dir="rtl" id="p_10">0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789</p>
  22         <p dir="rtl" id="p_20">0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789</p>
  23       </div>
  24     </div>
  25     <div class="layout-right-column">
  26       hoge hoge hoge hoge hoge hoge hoge hoge hoge hoge
  27       <img id="image" hidden="true" style="height: 280px; overflow: hidden;" src="foo" width="100%">
  28     </div>
  29   </body>
  30 </html>