text reflows separately from its parent element when the parent is styled display: inline-block

[GoogleCodeExporter]

This HTML code wil not produce a correct pdf:

<div style="width: 13em; border: 1px solid black; height: 1em; margin: 2px; 
display: inline-block;">test1</div>
<div style="width: 13em; border: 1px solid black; height: 1em; margin: 2px; 
display: inline-block;">test2</div>
<div style="width: 13em; border: 1px solid black; height: 1em; margin: 2px; 
display: inline-block;">test3</div>
<div style="width: 13em; border: 1px solid black; height: 1em; margin: 2px; 
display: inline-block;">test4</div>

"text4" is displayed outside the inline-div-block.
Because the inline-div-block is rendered on a the next row but the text inside 
it is not.

Version 0.6.0_beta3

Original issue reported on code.google.com by i...@jurriedesign.nl on 5 Jun 2012 at 10:38

Attachments:

• text_outside_div.pdf

[GoogleCodeExporter]

Original comment by eclecticgeek on 6 Jun 2012 at 12:35

• Changed title: text reflows separately from its parent element when the parent is styled display: inline-block
• Changed state: Accepted

[GoogleCodeExporter]

Original comment by eclecticgeek on 24 May 2013 at 3:00

• Added labels: Restrict-AddIssueComment-Commit