title: How to center align the image in Google chrome which is already center aligned in mozilla firefox?
body: <p>I'm displaying an image after clicking on the hyperlink. When I show the image in mozilla firefox it is center aligned but when I display the same image in Google chrome it is left aligned. I'm not understanding why this is happening. For your reference I'm giving below the HTML code along with the screenshots in mozilla firefox as well as Google chrome.</p>
  
  <p>HTML code is as follows:</p>
  
  <pre><code>&lt;a style="font-size:17px;" href="Annual Gathering 2014.jpg"&gt;&lt;strong&gt;&lt;font color="42515a"&gt;ANNUAL GATHERING 2014 ( Click to view the detail schedule)&lt;/font&gt;&lt;/strong&gt;&lt;/a&gt;
  </code></pre>
  
  <p>The screen shot in Mozilla Firefox is as follows:
  <img src="https://i.stack.imgur.com/3QZFz.png" alt="enter image description here"></p>
  
  <p>The screen shot in Google Chrome is as follows:
  <img src="https://i.stack.imgur.com/FFnNG.png" alt="enter image description here"></p>
  
  <p>Thanks for understanding my issue. Waiting for your replies.</p>