div soll gleiche hoehe wie span bekommen

[Beat]

ich versuche gerade eine Website auf die Beine zu stellen, die ein Tabellen Layout bekommen soll.

Meinst du ein <table> Layout oder meinst du ein Grid?

.rechts {
width: 10em;
position: absolute;
text-align: left;
margin-left: 1.4em;
}

...

<div class="container">
<div class="links">oben<span class="rechts">unten</span></div>
</div>

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?

Höre auf, mit position absolute das span aus dem normalen Flow zu nehmen.

Verwende vielmehr float oder inline-block.

Das was du tun willst, könnte eventtuell durch eine <dl> besses Markup erhalten.

mfg Beat