Still learning CSS so pardon if this is obvious – I am building a

Question

0

Editorial Team

Asked: June 1, 20262026-06-01T06:48:16+00:00 2026-06-01T06:48:16+00:00

Still learning CSS so pardon if this is obvious – I am building a

0

Still learning CSS so pardon if this is obvious –

I am building a header that will contain four sections:

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

What I would like is for the Taglines section to automatically set the width of the first column (it’s content is longer than the title) and then the second column extends to the end of the header section. I can’t figure out how to get the columns to match each other without setting specific widths – is it possible to do this without fixed-width areas?

I’ve been able to come close to what I need using display: table-cell; but can’t figure out how to ‘connect’ the second row to the first.

UPDATE:
Missing a tag caused the div’s to ignore the display: table* settings. Using display: table/table-row/table-cell to create a table layout would do what I needed: table-cell will auto stretch the column affecting the width of the rows above it.