1 <!DOCTYPE html PUBLIC
"-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
4 <title>CSS Test: Replaced block elements (using
<object
>) and SVG intrinsic widths
</title>
5 <link rel=
"author" title=
"Ian Hickson" href=
"mailto:ian@hixie.ch">
6 <link rel=
"alternate" href=
"http://www.hixie.ch/tests/adhoc/css/box/replaced/intrinsic/svg/003.html" type=
"text/html">
7 <link rel=
"help" href=
"http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width">
8 <meta name=
"flags" content=
"image svg">
9 <style type=
"text/css">
10 html
{ background: white
; color: navy
; }
11 body
{ background: 100px 0 url
(resources
/test-tr
.png
) no-repeat
; }
12 div
{ width: 100px; background: url
(resources
/test-bl
.png
) bottom left no-repeat
; }
13 div p
{ background: url
(resources
/test-tl
.png
) top left no-repeat
; }
14 object
{ display: block
; margin: auto
; padding-right: 100px; background: url
(resources
/test-br
.png
) bottom right no-repeat
; }
18 <div><p><object data=
"resources/replaced-intrinsic-003.svg" type=
"image/svg+xml"> FAIL (SVG not supported)
</object></p></div>
19 <p>There should be a complete unbroken yin-yang symbol (☯) above.
</p>