W3C home > Mailing lists > Public > www-style@w3.org > January 2013

Re: [CSS21] inline span with clear

From: Anton Prowse <prowse@moonhenge.net>
Date: Mon, 07 Jan 2013 15:31:33 +0100
Message-ID: <50EADC45.1070505@moonhenge.net>
To: W3C CSS Mailing List <www-style@w3.org>
CC: Philippe Wittenbergh <ph.wittenbergh@l-c-n.com>, Gérard Talbot <www-style@gtalbot.org>
On 26/12/2012 13:38, Philippe Wittenbergh wrote:
> The last example in the spec uses an inline element (span) and
> applies the clear property to it. – the example then goes to show the
> span clearing the floated block:
> http://www.w3.org/TR/CSS2/visuren.html#comp-float
>
> However, higher up on the same page, the spec states, for the
> ‘applies to’ line: ‘block-level elements’ (a <span> is an inline
> element): http://www.w3.org/TR/CSS21/visuren.html#flow-control

Well spotted, Philippe!

This issue has been filed at 
https://www.w3.org/Bugs/Public/show_bug.cgi?id=20586

I propose fixing this by removing the #sibling span from the example, 
and instead wrapping the existing loose "End of body contents." in a 
span and setting that to "display:block; clear:right".

I think this is a better approach than setting "display:block" on the 
#sibling span; in either case you end up with block-inside-inline, but 
with the first approach you don't really notice because the inline 
doesn't resume after the clearing element and so the complexity doesn't 
really need pointing out in the example, whereas with the second 
approach you do notice and it probably does need explaining.

Cheers,
Anton
Received on Monday, 7 January 2013 14:32:03 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:21:04 GMT