CSS float left – not working. P tag defeats float

  • Resolved jami1955

    (@jami1955)


    14 years, 2 months ago

    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="https://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
    https://maaikehoijtink.com

    thanks
    JSC

Viewing 2 replies - 1 through 2 (of 2 total)

  • You seem to have resolved this, yes?

    Thread Starter jami1955

    (@jami1955)

    Yes. A thousand pardons I writhe in abasement. The .entry p css had a statement from it’s misguided creator (starocean – the template I’m using for this one) of

    overflow:hidden;
width:100%;

    which forced the p tag to the nearest place it can stretch to 100% of the width of the div it’s in. Just discovered that, and of course erased it… Now that I’ve erased that the p tag wraps as it should.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS float left – not working. P tag defeats float’ is closed to new replies.