Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<title>View transitions: break-inside: avoid child (ref)</title>
<link rel="author" href="mailto:vmpstr@chromium.org">
<style>
.columns {
columns: 2;
contain: layout;
border: 1px solid black;
}
.inner {
break-inside: avoid;
position: relative;
top: 300px;
left: 0;
background: lightblue;
width: 300px;
height: 300px;
}
</style>
<div class="columns">
<div class="inner"></div>
</div>