-
Notifications
You must be signed in to change notification settings - Fork 0
/
multicolumn-with-orphans.html
39 lines (39 loc) · 2.57 KB
/
multicolumn-with-orphans.html
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
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
<head>
<style>
</style>
</head>
<body>
before multi-column - not selected
<div style="column-count: 3; orphans: 4;">
<div>this is not area selected this is not area selected this is not area selected this is not area selected this is not area selected
this is not area selected this is not area selected this is not area selected this is not area selected this is not area selected</div>
<div style="font-weight: bold;">this is area selected text this is area selected text this is area selected text this is area selected text
this is area selected text this is area selected text this is area selected text this is area selected text
this is area selected text this is area selected text this is area selected text this is area selected text
this is area selected text this is area selected text this is area selected text this is area selected text
this is area selected text this is area selected text this is area selected text this is area selected text
this is area selected text this is area selected text this is area selected text this is area selected text
this is area selected text this is area selected text this is area selected text this is area selected text</div>
</div>
</div>
<br/>
<br/>
<br/>
<br/>
<!-- FIXME -->
<div style="contain: strict; height: 200px; width: 1000px;">
<div style="column-count: 3; orphans: 4;">
<div style="font-weight: bold;">this is area selected text this is area selected text this is area selected text this is area selected text
this is area selected text this is area selected text this is area selected text this is area selected text
this is area selected text this is area selected text this is area selected text this is area selected text
this is area selected text this is area selected text this is area selected text this is area selected text
this is area selected text this is area selected text this is area selected text this is area selected text
this is area selected text this is area selected text this is area selected text this is area selected text
this is area selected text this is area selected text this is area selected text this is area selected text</div>
</div>
</div>
</div>
</body>
</html>