 position: absolute;
        top: -6px;
        left: -6px;
        width: 52px;
        height: 32px;
        background: purple;
      }
    </style>
  </head>
  <body>
    <div class="mask"><div class="unclipped-child"></div></div>
    <br>
    <span class="mask">XX<span class="unclipped-child"></span></span>
  </body>
</html>
