diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-multicol/multicol-fill-auto-block-children-001.xht')
-rw-r--r-- | testing/web-platform/tests/css/css-multicol/multicol-fill-auto-block-children-001.xht | 93 |
1 files changed, 93 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-multicol/multicol-fill-auto-block-children-001.xht b/testing/web-platform/tests/css/css-multicol/multicol-fill-auto-block-children-001.xht new file mode 100644 index 0000000000..864080a02a --- /dev/null +++ b/testing/web-platform/tests/css/css-multicol/multicol-fill-auto-block-children-001.xht @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" +"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>multicol | column-span: all | column-fill: auto</title> +<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"/> +<link rel="help" href="http://www.w3.org/TR/css3-multicol/#filling-columns"/> +<link rel="match" href="multicol-fill-auto-block-children-ref.xht"/> +<style type="text/css"><![CDATA[ +html { + background: white; +} +body { + background: blue; + width: 1200px; + height: 492px; + column-count: 3; + column-gap: 2em; + column-fill: auto; +} +h1 { + column-span: all; + font-size: 2em; + height: 70px; +} +dl { + font-size: 70%; + color: blue; + padding: 5px 10px 3px; + margin: 0 0 15px; + border: 2px solid blue; + height: 72px; +} +dt { + font-weight: bold; + font-style: normal; + width: 47%; + height: 100%; + float: left; +} +dd { + line-height: 120%; + padding: 0; + margin: 0 0 5px 47%; + width: 50%; +} +]]></style> +</head> + +<body> +<h1>you should not see the word fail</h1> + +<dl> + <dt>block1</dt> + <dd>block1 block1</dd> + <dd>block1 block1</dd> + <dd>block1 block1 block1</dd> + <dd>filler block1 block1</dd> +</dl> + +<dl> + <dt>block2</dt> + <dd>block2 block2</dd> + <dd>block2 block2</dd> + <dd>block2 block2 block2</dd> + <dd>filler block2 block2</dd> +</dl> + +<dl> + <dt>block3</dt> + <dd>block3 block3</dd> + <dd>block3 block3</dd> + <dd>block3 block3 block3</dd> + <dd>filler block3 block3</dd> +</dl> + +<dl> + <dt>block4</dt> + <dd>block4 block4</dd> + <dd>block4 block4</dd> + <dd>block4 block4 block4</dd> + <dd>filler block4 block4</dd> +</dl> + +<dl> + <dt>fail</dt> + <dd>fail fail</dd> + <dd>fail fail</dd> + <dd>fail fail fail</dd> + <dd>fail fail fail</dd> +</dl> +</body> +</html> |