title: How to make an image center (vertically & horizontally) inside a bigger div
body: <p>I have a div 200 x 200 px. I want to place a 50 x 50 px image right in the middle of the div. </p>
  
  <p>How can it be done?</p>
  
  <p>I am able to get it centered horizontally by using <code>text-align: center</code> for the div. But vertical alignment is the issue..</p>