<!--
     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="-webkit-clip-path: polygon(0 50%, 50% 50%, 50% 100%, 0 100%);">
    <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">
    <!-- use an empty g to force clipPath-html-06.xhtml to load before onload -->
    <svg:use xlink:href="clipPath-html-06.xhtml#empty" />
  </svg:svg>
</body>
</html>