title: Align Jcrop images
body: <p>I've this code:</p>
  
  <pre><code>&lt;div class='mini'&gt;
      &lt;div id='wrap_jcrop' class='td_wrap'&gt;
          &lt;img id='img2crop' src=''&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>With this CSS:</p>
  
  <pre><code>div.mini {
      width: 300px;
      height: 200px;
      display: table;
  }
  
  div.td_wrap {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
  }
  </code></pre>
  
  <p>The image source for img2crop is loaded dynamically and handled with a Jcrop api. But Jcrop aligns the image on the left.</p>
  
  <p>How can I align the image in the center of the div?  </p>