<p>
    Text should not overlap the blue square.
</p>
<div style="-webkit-line-break: after-white-space; width: 396px; border: solid maroon; padding: 2px;">Fusce at ante. In hac habitasse platea dictumst. Maecenas iaculis nonummy magna. Vivamus a tortor vitae enim ornare consectetuer. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam et ipsum. Nam consectetuer mi eget velit. <div style="background-color: lightblue; width: 4em; height: 4em; float: right"></div> Sed nec risus vitae felis auctor ultricies. Pellentesque aliquet quam ac lorem. Duis interdum, elit in ultricies auctor, erat pede sollicitudin libero, non ultrices odio elit in augue. Ut egestas bibendum lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
</div>