title: CSS div inline-block + img max-width
body: <p>I've been looking for answer for some time now &amp; was tinkering with it for a while but cannot seem to find solution.
  Probably it's easy as hell but I cannot wrap my head around it.</p>
  
  <p>I'v got image with inline style of 'max-width:44%' wrapped in  container.</p>
  
  <p>How do I make container to be the same width as image inside it? </p>
  
  <pre><code>&lt;div class="post" &gt;
  &lt;img src="http://placekitten.com/200/300" style="vertical-align:bottom; max-width:44%;"/&gt;                                        
  &lt;/div&gt;
  
  .post{position:relative; display:inline-block;  border: 1px solid lime; }
  </code></pre>
  
  <p>Here's jsfiddle example: <a href="http://jsfiddle.net/37Fyb/2/" rel="nofollow">http://jsfiddle.net/37Fyb/2/</a></p>