Simple layout question

[nsharony]

Hi,

I am new to CSS and hope you will be about to assist me.

I need to render the following layout:

A single row that has div A that is centered horizontally in relation to the full width of the row.

In addition, this row has div B that is floating to the left and div C that is floating to the right.
The width of B and C might be different, but this should not affect the centering of A in relation to the entire row.

In my failed attempts, div A always ends being centered in relation to the space left after B and C were rendered. This does not work well if B and C have different content widths as A is not centered in relation to the entire row.

I hope this is clear.

Any sample HTML layout + CSS would be greatly appreciated.

Thank your

[Shikkediel]

Any sample HTML layout + CSS would be greatly appreciated.

Adding the code of your attempt (preferably shown in a pen) would make it a lot easier to do some debugging and understand what you’re after exactly…

[nsharony]

You are right Shikkediel.

I was however able to solve this by positioning the A div absolutely like so:
http://codepen.io/anon/pen/zZEbzV

[Shikkediel]

Cool, thanks for adding the example nonetheless.

[Author]

Posts