Hi,
I'm trying to achieve the following setup:
| div fit to content |margin 48px| ----- s t r e t c h e d ----- |
So the left div needs margin: 0 48px 0 0, and needs to fit its content, and the right div needs to stretch horizontally to fit the remaining width of the parent.
I've tried setting the parent to
display: table;
width: 100%;
And using different combinations of widths, display: table-cell etc for the columns but nothing seems to work.
One thing to note, the left and right div must both fill the height of the parent.
| div fit to content | | ----- s t r e t c h e d ----- |
| |margin 48px| |
| -- more content -- | | -- stretched down to here -- |
It would be great to get this simple layout working.
What I have tried:
Everything mentioned in question.
---------------------------------