| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> |
| <head> |
| <title>viewbox test</title> |
| <style type="text/css"> |
| object { height: 13em; background: orange } |
| div { background: green } |
| p { width: 13em; background: blue } |
| </style> |
| </head> |
| |
| <body> |
| |
| <div> |
| <object type="image/svg+xml" data="resources/red-circle.svg"></object> |
| </div> |
| |
| <p>hi</p> |
| |
| <h2>Expected results</h2> |
| <ul> |
| <li>The <code>div</code> containing the object appears in green</li> |
| <li>The <code>object</code> appears in orange. Its height is set at 13em</li> |
| <li>The blue line is 13em wide</li> |
| </ul> |
| |
| </body> |
| |
| </html> |
