[HTML][CSS] Border pod tekstem a nie nad. Opcje

[GoldeNx3]

Mam oto taki kod CSS:

[HTML] pobierz, plaintext 
div.foodpos {
	display: block;
	border-bottom: 1px solid #FFF;
	position: relative;
	clear:both;
 
}
div.foodpos span.danie {
        display: block;
        text-align: left;
        font-size: 12px;
        color: #AD9C87;
        font-weight: bold;
        margin-left: 3px;
        float: left
}
 
div.foodpos span.cena {
       display: block;
       text-align: right;
       font-size: 12px;
       color: #AD9C87;
       margin-right: 3px;
       float: right
}
[HTML] pobierz, plaintext 

A taki HTML:

[HTML] pobierz, plaintext 
<div class="foodpos">
<span class="danie">Tekst po lewej</span>                     
<span class="cena">Tekst po prawej</span>
</div>
[HTML] pobierz, plaintext 

Wszystko jest dobrze, gdyby nie to, że linia (border) jest na samej górze, a ja chcę, by był pod tekstem.