title: Positioning images in random places
body: <p>I want to position random images in random places of the screen. I tried this:</p>
  
  <pre><code>$(document).ready(showLetter);
  var imgsArray = ["A1", "C1", "F1", "J1", "K1", "L1", "S1", "Ñ1"];
  
  function generateRandomForArray() {
      var num = Math.floor(Math.random() * 8);
      return num;
  }
  
  function generateRandom() {
      var num = Math.floor(Math.random() * 400);
      return num;
  }
  
  function showLetter() {
      var letter = imgsArray[generateRandomForArray()];
      $("div").append("&lt;img src='imgs/" + letter + ".png'&gt;");
      var left = generateRandom();
      var top = generateRandom();
      $("div").last().css({"top": top + "px", "left": left + "px"});
  }
  </code></pre>
  
  <p>The images appear on top left of the screen. Once again: I want to position them in random places of the screen. I don't know much about CSS. Any ideas? Thanks in advance!</p>