title: Embed a DIV inside a PDF
body: <p>I embed a pdf through iframe. Now I want to insert a DIV element to that pdf.
  I tried below way. But it doesn't give me the correct solution. It's embedded out of the pdf page. I want to embed div inside the pdf page. Is there any way to do that?</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
    &lt;script src=&quot;https://code.jquery.com/jquery-3.2.1.min.js&quot;&gt;&lt;/script&gt;
    &lt;script&gt;
      window.addEventListener('load', myInit, false);
      function byId(e){return document.getElementById(e);}
      function myInit()
      {
        var moveMe = byId('moveMe');
        var coverMe = byId('coverMe');
  
        var coverPosX,coverPosY;
        var coverWidth, coverHeight;
  
        var movePosX, movePosY;
        var moveWidth, moveHeight;
  
        coverPosX = coverMe.clientLeft;
        coverPosY = coverMe.clientTop;
        coverWidth = coverMe.clientWidth;
        coverHeight = coverMe.clientHeight;
  
        moveWidth = moveMe.clientWidth;
        moveHeight = moveMe.clientHeight;
  
        movePosX = (coverWidth - moveWidth) / 2;
        movePosY = (coverHeight - moveHeight) / 2;
  
        var tgt = moveMe;
        tgt.style.left = movePosX + 'px';
        tgt.style.top = movePosY + 'px';
  
      }
    &lt;/script&gt;
    &lt;style type=&quot;text/css&quot; media=&quot;screen&quot;&gt;
      .above
      {
        position: absolute;
        left:100px;
        display: inline-block;
        color: red;
        font-weight: bold;
        font-size: 12px;
        padding: 24px;
        border: solid 4px red;
        background-color: rgba(51,51,51,0.3);
        border-radius: 16px;
        z-index: 1;
      }
    &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;embed id='coverMe' src='my.pdf' width=&quot;100%&quot; height=&quot;1300px;&quot; name=&quot;plugin&quot;  type=&quot;application/pdf&quot;&gt;
  &lt;div class='above' id='moveMe'&gt;Anytext&lt;/div&gt;
  &lt;script src=&quot;../js/view-pdf-controller.js&quot;&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;```
  </code></pre>