blob: 71036d736420ec20d8e9d5479daa837e86c29212 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<title>Column and multicol content top overflow clipping</title>
<style>
.mc {
columns: 3;
column-gap: 15px;
column-fill: auto;
-webkit-columns: 3;
-webkit-column-gap: 15px;
-webkit-column-fill: auto;
width: 600px;
height: 100px;
margin: 100px;
}
</style>
</head>
<body>
<p>There should be a 100x100 blue square below.</p>
<div class="mc">
<div style="width:100px; height:100px; margin-left:-50px; margin-top:-80px; background:blue;"></div>
</div>
</body>
</html>