CSS multi line Labels align

CSS multi line Labels align

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?
http://jsfiddle.net/ghkJC/3/
<div class="field">
<div class="label">labl 1:</div>
<div class="value">Some text</div>
<br />
<br />
</div>
<div class="field">
<div class="label">this is a really really long label:</div>
<div class="value">right after":" from previous label</div>
<br />
</div>
.label {
background: purple;
float: left;
width: 100px;
display: inline;
vertical-align: 500px;
}
.value {
background: red;
width: 300px;
float: right;
}
many thanks :)