I can't seem to get my text to flow around an image when using <img ... align="left" />
Is this a known limitation? The text breaks above the image, then continues just below the image after. Please see the following link to a screenshot of it in action:
<p> here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text</p>
<p> here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text here is the text</p>
the image will always be treated as a block not a float element.
I have a problem too. If i have a image with float:left and then a <p> element the <p>Element with text would go below the image. If i use only Text and <br /> then its work nice.
P.S. I've been thinking a bit more about suryadi's example and why it is different from the layout in a browser.
The <img style="float:right"> is contained in a <p> block element.
In CSS/browsers the image is considered outside the <p> element which therefore has a height of 0. The subsequent <p> containing text therefore starts next to the image and wraps around it.
mPDF always extends the containing element <p> down to contain all of its contents. This is a known limitation.
You can get the effect you want, but you have to do it a different way.
If i wrap the image with <p> and </p> tags now all the textes would be printed below the image. But i need that all the images would display on the right site auf the image. At the origin Page the Browser shows the code correct. And to write it in a block element in the same p blog element as the text is very tricky becouse its HTML code generatet by wordpress.
