| <!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> |