haikuwebkit/LayoutTests/fast/multicol/inline-table-dynamic-moveme...

22 lines
655 B
HTML

<script>
function doIt()
{
document.getElementById('test').offsetHeight
document.getElementById('test').style.height = '500px';
}
</script>
<div id='test' style="-webkit-columns:2; height:400px; border:3px solid black; -webkit-column-fill: auto"><div style="height:150px; background-color:lime"></div>
<table style="display:inline-table; height:300px"><tr><td style="vertical-align:middle; height:100%">Hello world<br><img style="height:250px;width:175px; background-color:purple">
<td style="vertical-align:middle; height:100%">Also world<br>
<img style="height:250px;width:175px; background-color:purple">
</table>
</div>
<script>
doIt()
</script>