- From: Alan Stearns <stearns@adobe.com>
- Date: Mon, 9 Dec 2013 09:50:44 -0800
- To: Robert Sanderson <azaroth42@gmail.com>
- CC: "public-digipub-ig@w3.org" <public-digipub-ig@w3.org>
On 12/9/13, 9:24 AM, "Robert Sanderson" <azaroth42@gmail.com> wrote: > > >Ahh :) Did I just miss that exclusions allow it, or would it be >worthwhile putting it explicitly into the document? That response made >things much clearer in my mind at least. Exclusions are mentioned in a few places, but I can add a note to that example. > >And for my own edification... if you float:left an element with a >border-radius (say to make it a circle) and float:right a circle with >height=100% within that element, then explicitly set the width of the >element you would end up with two columns of text > with a circular hole in the middle of the two columns? Yes, text in the left float would wrap around the left edge of the right float, and text outside the left float would wrap around the right edge of the left float. I believe you would have to set an explicit height for the left float in this example in order to use a percentage height for the right float. > > >And on the left edge it would be straight, as it's wrapping outside not >inside. So in the attached, the blue box is the containing element for >the right column of text and the left floated green box. The green box >has border radius set (and could avoid > the left justification by only setting the radius on the right border) >but contains the red circle shape which is floated right. On the left edge it would be straight, but it would be on the left edge of the left float’s content box. So in your image the text would overlap with the green border curve on the left (border-radius does not affect wrapping behavior). You could add another left float inside the left float to move the content over to match your image. Or in the future you could use shape-inside, but that’s in level 2 of CSS Shapes. Thanks, Alan
Received on Monday, 9 December 2013 17:51:19 UTC