Wie eine mehrreihige Abschnitt mit Auto-großen Spalten

Question

Studiere CSS so verzeihen erstellen, wenn diese offensichtlich ist -

ich einen Header bin Gebäude, die vier Abschnitte beinhalten:

|Header-------------------------------| 
|----Title----|----NavigationLinks----| 
|----Taglines-|----SelectionBar-------| 
|-------------------------------------| 

Was ich möchte, dass für den Taglines-Abschnitt automatisch die Breite der ersten Spalte festgelegt wird (der Inhalt ist länger als der Titel) und dann erstreckt sich die zweite Spalte bis zum Ende des Header-Abschnitts. Ich kann nicht herausfinden, wie man die Spalten zueinander bringt, ohne bestimmte Breiten zu setzen - ist es möglich, dies ohne Bereiche mit fester Breite zu tun?

Ich war in der Lage, zu kommen, was ich brauche, mit Display: table-cell; aber kann nicht herausfinden, wie man die zweite Reihe mit der ersten verbindet.

UPDATE: Das Fehlen eines Tags führte dazu, dass die divs die Anzeige: table * settings ignorierten. Die Verwendung von display: table/table-row/table-cell zum Erstellen eines Tabellenlayouts würde tun, was ich brauchte: table-cell wird die Spalte automatisch strecken, die sich auf die Breite der darüber liegenden Zeilen auswirkt.

Answer 1

Nicht sicher, ob dies das ist, wonach Sie suchen. Frage schien ein bisschen unklar.

http://jsfiddle.net/KacPY/1/