zwei variabel breite Elemente zwingend nebeneinander

[Felix Riesterer]

Liebee Mitlesende,

gegeben sei folgende Struktur:

<section>
    <h1>...</h1>
    <p>...</p>
</section>

Das Layout soll die Überschrift als linke Box, den Textabsatz als rechte positionieren. Bisheriger Erkentnisstand: jsFiddle

Mit meinem bisherigen Wissen erreiche ich das Gewünschte nur, indem ich beiden Boxen eine feste (oder maximalbeschränkte) Breite gebe. Sonst wird umgebrochen und eine Box hängt tiefer.

Das zweite Beispiel im Fiddle zeigt, dass bei einer schmaleren linken Box wegen des nun verfügbaren Platzes die rechte Box trotzdem nicht breiter wird - was angesichts von max-width ja auch völlig logisch ist. Ist das gewünschte Verhalten (linke Box wird bei verfügbarem Platz breiter) trotzdem irgendwie möglich?

Liebe Grüße,

Felix Riesterer.