Re: Clarification needed for inline boxes containing block boxes

Andrew Fedoniouk wrote:
> Could you explain then why these two spans should look
> so "dramatically" different?:
> 
> <!DOCTYPE html>
> <html>
>   <head>
>     <style>
>       span div { border:1px solid; }
>       span { padding: 0 20px; background: green; border: 2px solid red }
>     </style>
>   </head>
> <body>
>   <span>aaa<div>bbb</div></span><br/>
>   <span>aaa<div style="display:inline-block;
>               width:100%;">bbb</div></span>
> </body>
> </html>

Imo they should look the same except that:

1) in the latter case there are three boxes for the span: one of them
    contains the inline-block box.
2) It's not clear whether there should be a line-break after the
    inline-block box; it doesn't seem like there's a line-break
    opportunity there.

-Boris

Received on Friday, 27 February 2009 15:37:53 UTC