[Webkit-unassigned] [Bug 88199] Text flowing outside of div

Thu Oct 11 07:31:57 PDT 2012

https://bugs.webkit.org/show_bug.cgi?id=88199

Keith Grant <keithjgrant at gmail.com> changed:

           What    |Removed                     |Added
----------------------------------------------------------------------------
                 CC|                            |keithjgrant at gmail.com

--- Comment #5 from Keith Grant <keithjgrant at gmail.com>  2012-10-11 07:32:37 PST ---
I've got the same issue here: http://mexicansushi.net/?p=993 This time with a float: right and a negative margin-right on the <img>

See the paragraph beginning, "The little man got his first haircut". It affects the first line of text only; it's flowing outside the container until it reaches the floated image.

Here is a reduction to more simple markup:

<!doctype html>
<style type="text/css">
  #container {
    width: 400px;
  }

  .post img {
    float: right;
    margin-right: -200px;
  }
</style>

<div id="container">
   <p class="post">
     <img src="http://pages.swcp.com/~jamii/OtherCats/coco.jpg" width="100"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fringilla pharetra viverra. Fusce tristique vehicula mattis. Nam nulla nibh, porta tincidunt porta eu, hendrerit imperdiet arcu. Donec mollis nisi at neque scelerisque pretium. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Integer malesuada erat id lorem semper nec ultricies mauris sagittis. In ac nulla justo, ac pretium augue. Integer sit amet arcu sed nisl auctor pellentesque. Vivamus malesuada dui eu arcu accumsan sit amet volutpat nibh convallis. Nam augue massa, ultrices a lacinia at, luctus gravida eros. Nunc magna felis, vestibulum vitae semper eget, porttitor non lacus.
    </p>
</div>

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.