-
Notifications
You must be signed in to change notification settings - Fork 3.8k
Expand file tree
/
Copy pathmulticol-span-all-003.xht
More file actions
51 lines (46 loc) · 1.75 KB
/
multicol-span-all-003.xht
File metadata and controls
51 lines (46 loc) · 1.75 KB
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
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://umn0mtkzgkj46tygt32g.julianrbryant.com/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://umn0mtkzgkj46tygt32g.julianrbryant.com/1999/xhtml">
<head>
<title>CSS Multi-column Layout Test: 'column-span: all' (basic)</title>
<link rel="author" title="Gérard Talbot" href="https://umn0mtkzgjf7agq47p8f6wr.julianrbryant.com/BrowserBugsSection/css21testsuite/" /> <!-- 2013-08-03 -->
<link rel="help" href="https://umn0mtkzgkj46tygt32g.julianrbryant.com/TR/css3-multicol/#column-span" title="6.1. 'column-span'" />
<link rel="match" href="multicol-count-002-ref.xht"/>
<meta name="flags" content="ahem" />
<meta name="assert" content="This test checks that 'column-span: all' spans across all column boxes and that content in the normal flow (in this test, the '55555 55555 55555 55555') that appears before the element is automatically balanced across all columns before the element appears." />
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style type="text/css"><![CDATA[
html {background-color: white;}
body
{
background-color: black;
font: 1.25em/1 Ahem;
padding-right: 1em;
width: 20em;
}
div
{
background-color: yellow;
color: black;
column-count: 4;
column-gap: 0;
orphans: 1;
widows: 1;
}
h4
{
background-color: black;
column-span: all;
color: yellow;
font: 1em/1 Ahem;
margin: 0em;
}
]]></style>
</head>
<body>
<div>
55555 55555 55555 55555
<h4> 4444 4444 4444 4444</h4>
1 22 1 22 1 1 333 1 333 1 333 55555 1 22 1 22 1 1 22 1 22 1 22 55555 1 333 1 333 1 4444 4444 1 55555 1 333 1 333 1 4444 4444 1 55555
</div>
</body>
</html>