title: Full sizing an image which is into an inline block element
body: <p>This is my code structure...</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="img-container" style="display:inline-block;"&gt;
      &lt;img src="image/exaple.png" style="width:100%" /&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I need to increase the width of the image to 100%. but the img-container div not expanding to 100%. how can i resolve this?</p>