Brad Kemper On Nov 6, 2015, at 2:58 AM, Florian Rivoal <florian@rivoal.net> wrote: >> If we only float in the block direction and not in the inline direction, we will get something like this: http://snag.gy/2Otfa.jpg (this is two top floats. The red Xs are the page float anchors (call outs). > > I don't think that's what Brad meant. His "float: none top" would blockify the float, making it take the full width of the containing block. So in your example, you'd have the cyan float take the entire first line (with empty margins on the side since it's content does not fill the line), the green one would take the entire line below (same thing about empty margins), and all the text would be pushed below them. Exactly right; the extra side space is assuming they are fixed widths. And there is always 'margin-left: auto' if you prefer the empty space on the left, and 'margin: 0 auto' if you want it centered. If they are inlines with width:auto, then they would stretch all the way across, as a result of the blockification. > I haven't though about page floats as much as you have, but Brad's approach makes a decent about of sense to me (assuming I'm understanding it correctly). I think you do, in the broad strokes at the very least. Thank you.
Received on Friday, 6 November 2015 17:23:02 UTC