title: Making div responsive with margin 0 auto in it
body: <p>The code below shows 3 circles horizontally. I want the code to work for responsive website. Please guide me how can I do so. Thanks.
  <a href="http://jsfiddle.net/x9jjqugd/" rel="nofollow">Fiddle</a>.</p>
  
  <pre><code>&lt;div id="responsivearea" style="width: 900px; margin: 0 auto; clear: none;"&gt;
      &lt;img class="  wp-image-2520 alignleft" style="float: left; clear: none; margin-left: 120px;" src="http://www.inspuratesystems.com/nayajeevan/wp-content/uploads/2014/11/good-employer.png" alt="good employer" width="201" height="199" /&gt; 
      &lt;img class="  wp-image-2521 alignleft" style="float: left; clear: none;" src="http://www.inspuratesystems.com/nayajeevan/wp-content/uploads/2014/11/gift-of-health.png" alt="gift of health" width="201" height="199" /&gt;
      &lt;img class="  wp-image-2522 alignleft" style="float: left; clear: none;" src="http://www.inspuratesystems.com/nayajeevan/wp-content/uploads/2014/11/Change-maker.png" alt="Change maker" width="201" height="199" /&gt;
  &lt;/div&gt;
  </code></pre>