<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 <style> and <span
style="white-space: pre;">type="text/javascript"</span> for <script>.
</div>
<div style="width: 350px; background-color: yellow;">
Typical for type are type="text/css" for <style> and<span
style="white-space: pre;">type="text/javascript"</span> for <script>.
</div>
<div style="width: 350px; background-color: yellow;">
Typical for type are type="text/css" for <style> <span style="white-space: pre;">and</span><span
style="white-space: pre;">type="text/javascript"</span> for <script>.
</div>
<div style="width: 350px; background-color: yellow;">
Typical for type are type="text/css" for <style><span style="white-space: pre;">and</span><span
style="white-space: pre;">type="text/javascript"</span> for <script>.
</div>
<div style="width: 350px; background-color: yellow;">
Typical for type are type="text/css" for <span style="white-space: pre;"><style></span><span style="white-space: pre;">and</span><span
style="white-space: pre;">type="text/javascript"</span> for <script>.
</div>