title: CSS multi line Labels align
body: <p>How could I align 2 labels with bottom alignments. if one label has multiple lines, the label next to it will appear from the top. could I align it to the bottom?</p>
  
  <p><a href="http://jsfiddle.net/ghkJC/3/" rel="nofollow">http://jsfiddle.net/ghkJC/3/</a></p>
  
  <pre><code>&lt;div class="field"&gt;
    &lt;div class="label"&gt;labl 1:&lt;/div&gt;
    &lt;div class="value"&gt;Some text&lt;/div&gt;
    &lt;br /&gt;
    &lt;br /&gt;
  &lt;/div&gt;
  
  &lt;div class="field"&gt;
    &lt;div class="label"&gt;this is a really really long label:&lt;/div&gt;
    &lt;div class="value"&gt;right after":" from previous label&lt;/div&gt;
    &lt;br /&gt;
  &lt;/div&gt;
  
  .label {
      background: purple;
      float: left;      
      width: 100px;
      display: inline;
      vertical-align: 500px;
  
  }
  
  .value {
      background: red;
      width: 300px;
      float: right;
  
  }
  </code></pre>
  
  <p>many thanks :)</p>