title: Position form field in bottom of div
body: <p>I want to place a form field(div.invoer) in the left bottom of a div(div.content)</p>
  
  <pre><code>&lt;body&gt;
   &lt;div id="container" style="width:1280px";"height:800px"&gt;
  
     &lt;div id="header" style=;"background-color:#FFA500;""width:1280px";"height:200px"&gt;
       &lt;h1&gt;EXPORT ZENDINGEN&lt;/h1&gt;
     &lt;/div&gt;
  
     &lt;div id="menu" style="background-color:#FFD700;height:600px;width:700px;float:left;"&gt;
  
     &lt;/div&gt;
  
     &lt;div id="content" style="background-color:#EEEEEE;height:600px;width:580px;float:right;"&gt;
  
        &lt;div id="invoer"&gt;
          &lt;form method="post" action=""&gt;
          &lt;label&gt;Debiteur&lt;/label&gt;
          &lt;input type="text" name="deb_nmr" /&gt;
          &lt;br /&gt;
          &lt;label&gt;Klantnaam&lt;/label&gt;
          &lt;input type="text" name="cost_name" /&gt;
          &lt;br /&gt;
          &lt;label&gt;Aantal Pallets&lt;/label&gt;
          &lt;input type="text" name="numb_pallets" /&gt;
          &lt;br /&gt;
          &lt;label&gt;Totaal Gewicht&lt;/label&gt;
          &lt;input type="text" name="tot_weight" /&gt;
          &lt;br /&gt;
          &lt;label&gt;PB Nummers&lt;/label&gt;
          &lt;input type="text" name="PB's" /&gt;
          &lt;/form&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt; 
  &lt;/body&gt;
  </code></pre>
  
  <p>Used the following Css:</p>
  
  <pre><code>label{
      display:inline-block;width:100px;margin-bottom:10px;
  }
  
  .content{
      position: relative;
  
  }
  
  .invoer{
      position: absolute;
      bottom: 0px;
  }
  </code></pre>
  
  <p>Used info from W3school but can't get in to work. Found some more information on stack overflow, like using position relative and absolute. But the form stays in the upper left of the content div.</p>