<!-- 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:1px; } </style> </head> <body style="margin:0; width:350px; line-height:100px;"> <span class="unit"/><span class="unit" /><span style="clip-path:url(clipPath-html-05.xhtml#c1); background:lime;"><span class="unit"/><span class="unit" /></span> <svg:svg height="0"> <!-- use an empty g to force clipPath-html-05.xhtml to load before onload --> <svg:use xlink:href="clipPath-html-05.xhtml#empty" /> </svg:svg> </body> </html>