<div>
<p>Test for <a href="http://bugs.webkit.org/show_bug.cgi?id=12423">Bugzilla Bug 12423</a>: Mixing white-space:pre text with non white-space:pre text within a text-align:justify block causes text to overlap.</p>
<p>Test passes if text wraps within all of the yellow boxes.</p>
</div>
<div style="width: 350px; background-color: yellow;">
Typical for type are type="text/css" for &lt;style&gt; and <span
style="white-space: pre;">type="text/javascript"</span> for &lt;script&gt;.
</div>
<div style="width: 350px; background-color: yellow;">
Typical for type are type="text/css" for &lt;style&gt; and<span
style="white-space: pre;">type="text/javascript"</span> for &lt;script&gt;.
</div>
<div style="width: 350px; background-color: yellow;">
Typical for type are type="text/css" for &lt;style&gt; <span style="white-space: pre;">and</span><span
style="white-space: pre;">type="text/javascript"</span> for &lt;script&gt;.
</div>
<div style="width: 350px; background-color: yellow;">
Typical for type are type="text/css" for &lt;style&gt;<span style="white-space: pre;">and</span><span
style="white-space: pre;">type="text/javascript"</span> for &lt;script&gt;.
</div>
<div style="width: 350px; background-color: yellow;">
Typical for type are type="text/css" for <span style="white-space: pre;">&lt;style&gt;</span><span style="white-space: pre;">and</span><span
style="white-space: pre;">type="text/javascript"</span> for &lt;script&gt;.
</div>