We all know WordPress and the auto P tag, which will defeat a float, and the solution of wrapping the image (in the HTML editor) in a DIV which is floated so the text – even with the auto generated P tags – will wrap around the photo.
Well, it doesn’t work. I’ve got exactly that. The resultant code in the rendered page is
<div class="float-L"><a href="http://maaikehoijtink.com/wp-content/uploads/2011/01/bkatie.jpg"><img class="alignleft size-full wp-image-25" title="bkatie" src=" etc " alt="etc" width="200" height="232" /></a></div> <p>There is much to say about . . . Work is: . . . </p>
The div class “float-L” is self explanatory. The following paragraphs should wrap, but they are defying the CSS and not wrapping.
I’d love to know why. The page is here
- The topic ‘CSS float left – not working. P tag defeats float’ is closed to new replies.