blob: ac7ce4829c42ac655471dc8a349821cfa32ed77c [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<title>Multicol edge 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; background:blue;"></div>
</div>
</body>
</html>