Moim celem jest wyświetlenie dwóch<div>s obok treści z obu<div>s wyrównane u góry. Nie chcę długiego tekstu w drugim<div> zawinąć pod pierwszą.

Na koniec nie chcę ustawiać szerokości drugiego<div> ponieważ potrzebuję znaczników do pracy w różnych szerokościach.

Przykładowe znaczniki znajdują się poniżej i nahttp://jsfiddle.net/rhEyM/.

CSS

<code>.left-div {
    float: left;
    width: 100px;
    height: 20px;
    margin-right: 8px;
    background-color: linen;
}
.right-div {
    float: left;
    margin-left: 108px;
    background-color: skyblue;
}​
</code>

HTML

<code><div class="left-div">
    &nbsp;
</div>
<div class="right-div">
    My requirements are <b>[A]</b> Content in the two divs should line
    up at the top, <b>[B]</b> Long text in right-div should not wrap
    underneath left-div, and <b>[C]</b> I do not want to specify a
    width of right-div. I don't want to set the width of right-div
    because this markup needs to work within different widths.
</div>
</code>

​