title: Float:right error in CSS
body: <p>I'm learning CSS. I'd love to get a big canvas with Google maps on the left and an input field with two buttons on the right. Now I really don't understand why my code is not doing the job. It draws the canvas with Google maps and puts the input box and the two buttons BELOW it, which is wrong.</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.floatright {
  float:right;
  width: 100px;
  }
  </code></pre>
  
  <p><strong>html:</strong></p>
  
  <pre><code>  &lt;body onload="initialize()"&gt;
      &lt;div class ="floatRight"&gt;
       &lt;div id="map-canvas" style="width: 1200px; height: 766px;"&gt;&lt;/div&gt;
       &lt;div&gt;
        &lt;input id="address" type="textbox"&gt;
        &lt;input type="button" value="Encode" onclick="codeAddress()"&gt;
        &lt;input type="button" value="Planes" onclick="Plane()"&gt;
      &lt;/div&gt;
     &lt;/div&gt; 
    &lt;/body&gt;
  </code></pre>