descendant-1.html - mozsearch

Enable keyboard shortcuts

<html>

<head>

  <style>

    #div1 {

      background: green;

      height: 100px;

      width: 100px;

    span {

      background: yellow;

    #div1 div {transform: translate(20px, 150px);

               transform-origin: 0% 0%;

  </style>

</head>

<body>

  <div id="div1">

    <div><span>span 1</span></div>

  </div>

  <span>span 2</span>

</body>

</html>