1 <!DOCTYPE html PUBLIC
"-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
4 <title>CSS Test: Replaced inline elements (using
<object
>) and SVG intrinsic widths (negative test equivalent of
001)
</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/002.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=
"svg">
9 <style type=
"text/css">
10 html
{ width: 150px; padding: 0; margin: 8px; position: relative
; }
11 body
{ padding: 0; margin: 0; }
12 p
{ font: 16px/20px serif
; padding: 0; margin: 0; }
13 object
{ width: auto
; height: auto
; } /* intrinsic size is 100%x100%, which is equivalent to width:100% height:auto (since height:auto on parent) */
14 div
{ position: absolute
; top: 20px; left: 0; height: 150px; width: 150px; background: green
; }
18 <p>There
should
be
an
exact
square
of
green
below
this
line:
<object data=
"resources/replaced-intrinsic-002.svg" type=
"image/svg+xml"> FAIL (SVG not supported)
</object> </p>