title: how to hide image left part of image when using overflow hidden
body: <p>I am new to CSS programming . Using <code>overflow:hidden</code> for hiding image greater than DIV area. Perhaps I want hidden part of image should be in the left part, but currently its taking right part. My code follows as below.</p>
  
  <p>Html code:</p>
  
  <pre><code>&lt;div class="a1"&gt;
  &lt;img src="img/image4.jpg"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code> .a1{height:200px;width:100px; overflow:hidden;}
  </code></pre>