blob: d6527c75a797cfb2d4cd99ac4ad5af6c3f8c3cab [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;
}
</style>
</head>
<body>
<p>There should be a 100x100 blue square below.</p>
<div class="mc" style="margin-left:50px; margin-top:20px;">
<div style="width:100px; height:100px; background:blue;"></div>
</div>
</body>
</html>