OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
| 4 <script src="/js-test-resources/ahem.js"></script> |
4 <style> | 5 <style> |
5 #image-shape { | 6 #image-shape { |
6 float: left; | 7 float: left; |
7 shape-outside: url("resources/abe.png"); /* size: 76x103 */ | 8 shape-outside: url("resources/abe.png"); /* size: 76x103 */ |
8 margin-right: 100px; /* expose shape-outside failures */ | 9 margin-right: 100px; /* expose shape-outside failures */ |
9 } | 10 } |
10 | 11 |
11 #content { | 12 #content { |
12 font: 60px/1 Ahem, sans-serif; | 13 font: 60px/1 Ahem, sans-serif; |
13 color: green; | 14 color: green; |
14 } | 15 } |
15 </style> | 16 </style> |
16 <p>The green squares should appear to the right of and below Abe's photo.</p> | 17 <p>The green squares should appear to the right of and below Abe's photo.</p> |
17 <div id="content"> | 18 <div id="content"> |
18 <img id="image-shape" src="resources/abe.png"/> | 19 <img id="image-shape" src="resources/abe.png"/> |
19 X<br>X<br>X | 20 X<br>X<br>X |
20 </div> | 21 </div> |
21 </body> | 22 </body> |
22 </html> | 23 </html> |
23 | 24 |
OLD | NEW |