OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>CSS Test: Image shape with margin-right + shape-margin on a left floa
t</title> | 4 <title>CSS Test: Image shape with margin-right + shape-margin on a left floa
t</title> |
| 5 <script src="/js-test-resources/ahem.js"></script> |
5 <link rel="author" title="Rebecca Hauck" href="rhauck@adobe.com"/> | 6 <link rel="author" title="Rebecca Hauck" href="rhauck@adobe.com"/> |
6 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"
/> | 7 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"
/> |
7 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-prop
erty"/> | 8 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-prop
erty"/> |
8 <link rel="help" href="http://www.w3.org/TR/css-shapes/#shape-margin-propert
y"/> | 9 <link rel="help" href="http://www.w3.org/TR/css-shapes/#shape-margin-propert
y"/> |
9 <meta name="flags" content="ahem image"/> | 10 <meta name="flags" content="ahem image"/> |
10 <meta name="assert" content="This test verifies that the image shape that de
fines the float | 11 <meta name="assert" content="This test verifies that the image shape that de
fines the float |
11 area is clipped to the float's margin box and r
espects the | 12 area is clipped to the float's margin box and r
espects the |
12 shape-margin extending beyond the margin-left,
causing the | 13 shape-margin extending beyond the margin-left,
causing the |
13 text to be pushed below the defined shape."/> | 14 text to be pushed below the defined shape."/> |
14 <style type="text/css"> | 15 <style type="text/css"> |
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
62 <div id="line"></div> | 63 <div id="line"></div> |
63 <div id="failure"></div> | 64 <div id="failure"></div> |
64 </div> | 65 </div> |
65 <div id="test" class="container"> | 66 <div id="test" class="container"> |
66 <div id="shape-div"></div> | 67 <div id="shape-div"></div> |
67 x x | 68 x x |
68 </div> | 69 </div> |
69 </div> | 70 </div> |
70 </body> | 71 </body> |
71 </html> | 72 </html> |
OLD | NEW |