Maria: div soll gleiche hoehe wie span bekommen

Beitrag lesen

SELF-Forum

div soll gleiche hoehe wie span bekommen

Maria
– Informationen zu den Bewertungsregeln

Hallo ihr lieben,

ich versuche gerade eine Website auf die Beine zu stellen, die ein Tabellen Layout bekommen soll. Dabei gibt es so etwas wie ein label mit dazugehörigem Text. Siehe:
_______________________________________

<head>  
<style>  
.container {  
	margin-right: .2em;  
	margin-bottom: 1em;  
}  
  
.links {  
	padding-left: 0.9em;  
	position: relative;  
	text-align: right;  
	width: 10em;  
}  
  
.rechts {  
	width: 10em;  
	position: absolute;  
	text-align: left;  
	margin-left: 1.4em;  
}  
</style>  
</head>  
<body>  
<div class="container">  
	<div class="links">Dies ist ein langer Text mit Zeilenumbruch<span class="rechts">unten</span></div>  
</div>  
  
<div class="container">  
	<div class="links">kurzer Text<span class="rechts">Dies ist  
	ein langer Text, der innerhalb des divs sitzt und viel zu weit nach  
	unten geht</span></div>  
</div>  
  
<div class="container">  
	<div class="links">oben<span class="rechts">unten</span></div>  
</div>  
</body>

_______________________________________
Das einzige Problem, was ich mit dem Code habe, ist dass in der zweiten Zeile der Text des Spans viel zu lang wird. Was muss ich ändern, damit das dazugehörige div.links genau so hoch wird, wie der span.rechts?

Beitrag melden
–
Informationen zu den Bewertungsregeln