[css-multicol] Breaks should be allowed to avoid floats

Attached is a screen shot of a web page (http://onforb.es/Ja4nUs) that
shows a formatting problem I notice a lot.  The partly obscured video
element represents the article's overall width.  A heading ("Previous fixes
were failing") that's logically tied to the following block of body text
does not visually align to it, because of sidebar content that gets floated
to the left margin. The spec for "break"-related properties applies "avoid"
to page, column, and now region breaks. In this situation, if the heading
were defined as "avoid," I would hope that it would also apply to floats,
and fall into the same visual block as the element that follows. I
understand a web designer may avoid the problem by embedding the floating
content elsewhere, but it strikes me as something that should be able to be
automated.

Thanks,

--Mike Sierra


[image: Inline image 1]

Received on Friday, 20 December 2013 14:55:25 UTC