title: Position image in center with minimum margin from left and right
body: <p>I am inserting an image in my webpage. I want to position it in the center with minimum margin of 10px from left and right. Also, it should maintain its width according to media width. <code>margin: 0 auto</code> is positioning it in the center, but does not maintain a minimum margin of 20px from both the sides.</p>
  
  <p>How can I achieve the goal?</p>