<html>
<head>
<style>
  body { margin: 0px }
  div.pt0  { transform:translateX(0.0px); }
  div.pt1  { transform:translateX(0.1px); }
  div.pt2  { transform:translateX(0.2px); }
  div.pt3  { transform:translateX(0.3px); }
  div.pt4  { transform:translateX(0.4px); }
  div.pt5  { transform:translateX(0.5px); }
  div.pt6  { transform:translateX(0.6px); }
  div.pt7  { transform:translateX(0.7px); }
  div.pt8  { transform:translateX(0.8px); }
  div.pt9  { transform:translateX(0.9px); }
  div.test {
    border: 20px solid black;
    width: 0px;
    height: 0px;
    margin-bottom: 4px;
  }
</style>
</head>
<body
  ><div class="test pt0" ></div
  ><div class="test pt1" ></div
  ><div class="test pt2" ></div
  ><div class="test pt3" ></div
  ><div class="test pt4" ></div
  ><div class="test pt5" ></div
  ><div class="test pt6" ></div
  ><div class="test pt7" ></div
  ><div class="test pt8" ></div
  ><div class="test pt9" ></div
></body>
</html>