blob: bc6669e466ba0e4e29bf56b889f59e513f9270c4 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
<!DOCTYPE html>
<!-- Simulate two multi-column containers with an out-of-flow positioned child that
fragments, even in the presence of break-inside: avoid and break-before: column. -->
<style>
.initial {
float: left;
height: 20px;
width: 20px;
background: blue;
}
.first-fragment {
width: 40px;
height: 20px;
background: green;
margin-top: 10px;
}
.second-fragment {
width: 40px;
height: 10px;
background: green;
margin-left: 50px;
}
</style>
<div class="initial"></div>
<div class="second-fragment"></div>
<div class="first-fragment"></div>
<div class="initial"></div>
<div class="second-fragment"></div>
<div class="first-fragment"></div>
|
