<!DOCTYPE html>
<script src="../../../resources/ahem.js"></script>
<script src="../../../resources/check-layout.js"></script>
<style>
p {
width: 150px;
color: #3d4552;
border: 1px solid black;
word-break: break-all;
overflow: hidden;
font: 10px Ahem;
}
span {
float: left;
background: papayawhip;
height: 100px;
width: 50px;
}
</style>
<p data-expected-height="102"><span></span>longtextthatshouldwraparoundthefloat</p>
<p data-expected-height="102"><span></span>wrapalongfloat)))))))))</p>
<p data-expected-height="112"><span></span>wrapbelowfloat)))))))))))))))))</p>
<div>This test ensures we properly handle word-break: break-all in the context
of floats. The first two tests should wrap next to the float. The last contains
non-breaking punctuation too long to fit next to the float, and should be pushed
to below.</div>
<script>
onload = function() {
checkLayout("p");
}
</script>