| <!DOCTYPE html> |
| |
| <html> |
| <head> |
| <style> |
| svg { |
| border: 1px solid black; |
| } |
| </style> |
| </head> |
| |
| <body> |
| |
| <div class="container"> |
| <p>You should see no red boxes below</p> |
| <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 600 400" style=" width: 600px; height: 400px;"> |
| <!-- transform-box: view-box --> |
| <rect x="20" y="10" width="100" height="50" fill="green" /> |
| <rect x="480" y="40" width="50" height="50" fill="green" /> |
| <rect x="120" y="120" width="50" height="50" fill="green" /> |
| <rect x="20" y="200" width="100" height="50" fill="green" /> |
| <rect x="480" y="260" width="50" height="50" fill="green" /> |
| <rect x="120" y="320" width="50" height="50" fill="green" /> |
| </svg> |
| </div> |
| |
| </body> |
| </html> |
