Take the 2-minute tour ×  In CSS the overflow:hidden is set on
parent containers in order to allow it to expand with the height
of their floating children.  But it also has another interesting
feature when combined with margin: auto...  If PREVIOUS sibling
is a floating element, it will actually appear juxtapose to it.
That is if the sibling is float:left then the container with
float:none overflow:hidden will appear to the right of the
sibling, no newline - just as if it was floating in the normal
flow. If the previous sibling is float:right then the container
will appear to the left of the sibling. Resizing this container
will accurately show it centered inbetween the floating
elements. Say if you have two previous siblings, one float:left
the other float:right, the container will appear centered
inbetween the two.  So here's the problem...  How do I maintain
that type of layout WITHOUT masking children?  Googling all over
the web gives me ways on how to clear:both and expand a
container... but I can't find