| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| #parentDiv { |
| width: 400px; |
| height: 400px; |
| padding: 15px; |
| border: 10px solid grey; |
| margin: 5px; |
| float: left; /* Do not collapse margins. */ |
| background-color: blue; |
| } |
| |
| #svgRoot { |
| background-color: blue; |
| } |
| </style> |
| </head> |
| <body> |
| <p>This test checks that SVG elements are rendered with the correct dimensions under an SVG root element with paddings, borders, and margins.</p> |
| <div id="parentDiv"> |
| <svg id="svgRoot" width="400" height="400" viewbox="0 0 200 200"> |
| <rect id="svgRect" x="0" y="0" width="100" height="100" fill="green"/> |
| </svg> |
| </div> |
| </body> |
| </html> |
