position-absolute-transform.html

<!DOCTYPE html>
<html>
    <head>
        <style>
        </style>
    </head>
    <body>
      <div style="position: absolute; top: 30px;">
        <div style="transform: skew(30deg, 20deg) translate(60px, 20px); height: 18px; width: 200px;">
          this is area selected text
        </div>
        <div>this is area selected text</div>
      </div>
      <div>this is area selected text</div>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <div style="contain: strict; height: 400px; width: 1190px;">
        <div style="display: grid;">
          <div style="position: absolute; top: 30px;">
            <div style="transform: skew(30deg, 20deg) translate(60px, 20px); height: 18px; width: 200px;">
              this is area selected text
            </div>
            <div>this is area selected text</div>
          </div>
          <div>this is area selected text</div>
        </div>
      </div>
    </body>
</html>