title: How do you make images move with the arrow keys in HTML, Javascript and CSS
body: <p>I do not know how to make a figure move around on the screen in html. It is for a game that I am making. If anyone could come up with a way to do this please leave a comment. Your help would be much appreciated.
  I also, have tried different ways like this - <a href="https://stackoverflow.com/questions/21790295/move-an-image-with-the-arrow-keys-using-javascript">Move an image with the arrow keys using JavaScript</a> - but that didn't work for me.</p>
  
  <pre><code>&lt;img id="player" src="http://weknowyourdreams.com/images/smile/smile-09.jpg" 
       style="position: absolute; left: 0; top: 0;" height="15" width="15"&gt;
  </code></pre>
  
  <p>Thanks</p>