third_party/WebKit/LayoutTests/svg/custom/svg-float-border-padding.xml

   1 <html xmlns='http://www.w3.org/1999/xhtml'>
   2   <body>
   3   The two blocks should look identical.  One uses an SVG, and the other just uses a normal HTML div.
   4
   5     <p>There should be a red, white and blue pattern below this</p>
   6     <svg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' style='float: left; border:10px solid red; padding:10px; margin:10px'>
   7       <rect width='100' height='100' fill='blue' />
   8     </svg>
   9     <p style='clear: left'>There should be a red, white and blue pattern above this</p>
  10
  11     <hr/>
  12
  13     <p>There should be a red, white and blue pattern below this</p>
  14     <div style='width:120px; height:120px; float: left; border:10px solid red; margin:10px'>
  15         <div style="width:100px;height:100px;background-color:blue; margin:10px;"></div>
  16     </div>
  17     <p style='clear: left'>There should be a red, white and blue pattern above this</p>
  18
  19
  20
  21   </body>
  22 </html>