img-and-image-1.html (880B)
1 <html> 2 <head> 3 <style> 4 img { position: absolute; } 5 </style> 6 </head> 7 <body style="margin: 0"> 8 <!-- Use the base images "a" and "b" first --> 9 <img src="img-and-image-1-helper-a.svg" 10 style="left: 0; top: 0; width: 60px; height: 20px"> 11 <img src="img-and-image-1-helper-b.svg" 12 style="left: 150px; top: 0; width: 60px; height: 20px"> 13 14 <!-- Now, use an SVG image "c", which itself uses both base images. --> 15 <img src="img-and-image-1-helper-c.svg" 16 style="left: 0; top: 50px; width: 300px; height: 200px"> 17 18 <!-- And finally, use "a" and "b" again, but now with a different size. --> 19 <img src="img-and-image-1-helper-a.svg" 20 style="left: 0; top: 250px; width: 30px; height: 50px"> 21 <img src="img-and-image-1-helper-b.svg" 22 style="left: 150px; top: 250px; width: 30px; height: 50px"> 23 </body> 24 </html>