neue zeile zwischen zwei <div> tags

[andi_b]

hallo zusammen,
noch eine kurze frage vorm we: ich möchte gern für eine newsseite eine liste erstellen, bei der jede headline einen titel und das datum enthält. umd titel und datum optisch zu trennen habe ich zwei styles, einer links-, einer rechtsbündig:

.newsHeader{
 background: #cdd7e2;
 font-size: 0.9em;
}
.newsDate{
 text-align: right;
 font-size: 0.6em;
 padding: 0 7px 7px 0;
}

bei einer zuweisung:

<td>
 <div class="newsHeader">{tmpl_var name='news_title'}</div>
 <div class="newsDate">{tmpl_var name='news_date'}</div>
</td>

wird die zeile immer umgebrochen. wenn ich alter es alternativ so schreibe:

<td>
 <div class="newsHeader">{tmpl_var name='news_title'}
 <span class="newsDate">{tmpl_var name='news_date'}
 </span>
 </div>
</td>

dann geht mir beim datum das rechtsbündige verloren. hat evt einer einen tip?

danke euch, andi