30 lines
1.1 KiB
HTML
30 lines
1.1 KiB
HTML
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<head>
|
|
<title> <svg:image> fails to position correctly when <svg> is inside an inline <div> (Bug 14051)</title>
|
|
<style>
|
|
div {
|
|
display: inline;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<h1>SVG Images in Inline CSS Elements</h1>
|
|
<p>
|
|
The two following blocks should display side-by-side a 75x75 pixels image with a 3 pixels border overlaid on top of the image (Bug 14051).
|
|
</p>
|
|
<div>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="75" height="75">
|
|
<image xlink:href="resources/green-checker.png" width="75" height="75" />
|
|
<rect width="75" height="75" stroke="red" stroke-width="6" fill="none" />
|
|
</svg>
|
|
</div>
|
|
<div>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="75" height="75">
|
|
<image xlink:href="resources/green-checker.png" width="75" height="75" />
|
|
<rect width="75" height="75" stroke="red" stroke-width="6" fill="none" />
|
|
</svg>
|
|
</div>
|
|
</body>
|
|
</html>
|