| <html xmlns="http://www.w3.org/1999/xhtml"> | |
| <head> | |
| <title>'em' widths</title> | |
| <style type="text/css"> | |
| p { color: navy; } | |
| div { margin: 1em 0; height: 40px; width: 10em; background: navy; } | |
| </style> | |
| </head> | |
| <body> | |
| <p>There should be two identical bars below.</p> | |
| <p>First bar:</p> | |
| <div></div> | |
| <p>Second bar:</p> | |
| <svg height="40px" width="10em" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> | |
| <rect x="0" y="0" width="100" height="100" fill="navy"/> | |
| </svg> | |
| </body> | |
| </html> |