<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <head> <style> .unit { display:inline-block; width:100px; height:10px; } </style> </head> <body style="margin:0"> <span style="clip-path: url(#c1);"> <span class="unit" style="background:lime;"></span> <div style="height:200px; width:100px;"/> <span class="unit" style="background:lime;"></span> </span> <svg:svg height="0" style="display: block"> <!-- so that other documents can svg:use this one and force it to load before onload --> <svg:g id="empty" /> <svg:clipPath id="c1" clipPathUnits="objectBoundingBox"> <svg:rect x="0" y="0.5" width="0.5" height="0.5"/> </svg:clipPath> </svg:svg> </body> </html>