To get this layout, we'll need to group the map and the keyboard together so we can put the squares beside them. This is what the body section of my index.html looks like now:

<body>
  <div id='game'>
    <div id='map_keyboard'>
      <div>
        <img id='map' src='map.png'>
      </div>
      <div id='keyboard'>
        <script>keyboard();</script>
      </div>
    </div>
    <div id='squares'>
      <script>squares();</script>
    </div>
  </div>
  <script>
    load_squares(g_sets[0]);
    highlight(0);
  </script>
</body>