Floated elements shrink the available space for centering, and this layout would pose other issues even if the boxes shared the same space (such as with absolute positioning).
To add to that, in a successful implementation of the above idea, the headline would be missing an upper margin that would have to be added again, with the only difference being that the margin is now visually symmetric.
Note: A floated element followed by a clear: both; separator would produce exactly the same layout as we have. Float is good for images floating in text. Not much else nowadays.
TLDR: This works as intended.
Floated elements shrink the available space for centering, and this layout would pose other issues even if the boxes shared the same space (such as with absolute positioning).
To add to that, in a successful implementation of the above idea, the headline would be missing an upper margin that would have to be added again, with the only difference being that the margin is now visually symmetric.
Note: A floated element followed by a `clear: both;` separator would produce exactly the same layout as we have. Float is good for images floating in text. Not much else nowadays.
This can probably fixed with some
floatvalue.TLDR: This works as intended.
Floated elements shrink the available space for centering, and this layout would pose other issues even if the boxes shared the same space (such as with absolute positioning).
To add to that, in a successful implementation of the above idea, the headline would be missing an upper margin that would have to be added again, with the only difference being that the margin is now visually symmetric.
Note: A floated element followed by a
clear: both;separator would produce exactly the same layout as we have. Float is good for images floating in text. Not much else nowadays.Requesting close as
wontfix. @SomeGuy