Re: flowing around both sides of a float

Here is sample rendering of one of experiments around so called float:free.

http://www.terrainformatica.com/w3/float-free.jpg

For float:free positioning I am using flex units for @left and @right so 
elements with
  float:free; left:1*; right:1*;
are positioned in the middle of space available for float replacement at 
given vertical position.

It rises many questions as you may see. Some of them:

1) what exactly is text-align: right or center for text flowing around 
such elements?
2) how rtl is handled in such contexts?
3) Centered paragraph (last one on the screen shot above), how you would 
expect
   float:free element to be positioned? In other words: how float:free 
elements interact with
   float:left/right ones?

In other words: it is interesting to see at least some pseudo code 
(sequence of actions) that
does layout of following cases:

<p> 1 <foo float=left /> 2 <foo float=right /> 3 <foo float=free /></p>
<p> 1 <foo float=right /> 2 <foo float=free /> 3 <foo float=left /></p>

--
Andrew Fedoniouk.
http://terrainformatica.com

Received on Friday, 4 January 2008 19:31:51 UTC