title: CSS HTML Generate PDF file from image with text under it
body: <p>I want to <strong>generate a PDF</strong> file using the <a href="https://github.com/Xportability/css-to-pdf" rel="nofollow">xepOnline.jqPlugin.js</a> plugin.</p>
  
  <p>I have an image (on the "background") and an HTML text under the image.
  I am capable to generate the PDF file but there are two different elements: the image and, after the image (and not under the image), comes the text. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  ...
  &lt;script src="xepOnline.jqPlugin.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div id="page-show"&gt;
      &lt;div class="image"&gt;
          &lt;img src="img/Card.png" &gt;
          &lt;h3&gt;TEXT&lt;/h3&gt;
      &lt;/div&gt;
  
      &lt;button id="PrintButton" onclick="return xepOnline.Formatter.Format('page-show',{render:'download'});"/&gt;
  
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The CSS for the relevant elements is the following:</p>
  
  <pre><code>#page-show{
      /* The main container div */
      width:355px;
      margin:90px auto 0;
  }
  
  div.img {
      height: 165px;
      text-align: center;
  }   
  
  div.img img {
      display: inline;
  }
  
  .image { 
      position: relative; 
      width: 100%; /* for IE 6 */
      text-align: center;
  }
  
  h3 { 
      position: absolute; 
      top: 164px; 
      width: 100%; 
      font-size: 16px;
  }
  </code></pre>
  
  <p><strong>Is it possible to generate a PDF file of the image with the text under it?</strong> 
  (with the same format as it appears in the HTML page)</p>