title: Printing an image from center of screen in HTML
body: <p>I'm working on a simple html project where I have 2560 x 1440 image and in the center of the image is basically the part of the image that needs to be shown, the rest of it is just to fill any screen resolution.</p>
  
  <p>Here is the current code:</p>
  
  <pre><code>&lt;img style="position: fixed; bottom:0; left:0;" src="footer.jpg"/&gt;
  </code></pre>
  
  <p>and the CSS:</p>
  
  <pre><code>img {
      position: fixed;
      bottom:0;
      left:0;
  }
  </code></pre>
  
  <p>the problem here is that it prints the image left >to> right</p>
  
  <p>would it be possible to have the image being printed from it's center and out.
  So basically the image should still be at the bottom of the pages as the code does but I want the image to printed from it's center.</p>