title: How can I adjust DIV width to contents
body: <p>I have a div element with style attached:</p>
  
  <pre><code>.mypost {
      border: 1px solid Peru;
      font-family: arial;
      margin: auto;
      min-width: 700px;
      width: 700px;
  }
  </code></pre>
  
  <p>I am diplaying WordPress post contents inside the DIV block but for simplicity let assume that there is only one <code>&lt;img&gt;</code> inside the DIV. I want my div to be minimum 700 px wide and adjust the width if image is wider than 700 px.</p>
  
  <p>What are my options to achieve that? Please advice.</p>
  
  <p><strong><em>UPDATE</em></strong></p>
  
  <p>See my Fiddle
  <a href="http://jsfiddle.net/cpt_comic/4qjXv/" rel="noreferrer">http://jsfiddle.net/cpt_comic/4qjXv/</a></p>