<!DOCTYPE html>
<script src="../../../resources/check-layout.js"></script>
<script>
onload = function() { checkLayout('#stf'); }
</script>
<p>Test that a spanner contributes to the maximum preferred width of a multicol container.</p>
<p>Below there should be a blue square.</p>
<div id="stf" style="width:-webkit-max-content;" data-expected-width="160" data-expected-height="160">
<div style="-webkit-columns:4; -webkit-column-gap:0; font:20px/1 Ahem; color:blue; background:blue;">
X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>
<div style="-webkit-column-span:all;">
XXXX XXX
</div>
X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>
</div>
</div>