Maria: div soll gleiche hoehe wie span bekommen

Beitrag lesen

Hallo Beat,

ich habe versucht deinen Tip mit dl umzusetzen.

<head>  
<style>  
dl {  
	width: 30em;  
}  
  
dt {  
	width: 10em;  
	background: #eafeaf;  
}  
  
dd {  
	width: 10em;  
	background: #aefaef;  
}  
</style>  
</head>  
<body>  
<dl>  
	<dt>Dies ist ein langer Text mit Zeilenumbruch</dt>  
	<dd>unten</dd>  
</dl>  
  
<dl>  
	<dt>kurzer Text</dt>  
	<dd>Dies ist  
	ein langer Text, der innerhalb des divs sitzt und viel zu weit nach  
	unten geht</dd>  
</dl>  
  
<dl>  
	<dt>oben</dt>  
	<dd>unten</dd>  
</dl>  
</body>

Wie kann ich die Beschreibung (dd) rechts neben den Bezeichner (dt) setzen? Float: left auf dd funktioniert nicht.