chromium/third_party/blink/web_tests/svg/custom/svg-float-border-padding.xml

<html xmlns='http://www.w3.org/1999/xhtml'>
  <body>
  The two blocks should look identical.  One uses an SVG, and the other just uses a normal HTML div.
  
    <p>There should be a red, white and blue pattern below this</p>
    <svg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' style='float: left; border:10px solid red; padding:10px; margin:10px'>
      <rect width='100' height='100' fill='blue' />
    </svg>
    <p style='clear: left'>There should be a red, white and blue pattern above this</p>
    
    <hr/>
    
    <p>There should be a red, white and blue pattern below this</p>
    <div style='width:120px; height:120px; float: left; border:10px solid red; margin:10px'>
        <div style="width:100px;height:100px;background-color:blue; margin:10px;"></div>
    </div>
    <p style='clear: left'>There should be a red, white and blue pattern above this</p>
    


  </body>
</html>