mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
93 lines
No EOL
1.7 KiB
HTML
93 lines
No EOL
1.7 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
<html>
|
|
<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="reference/multicol-fill-auto-block-children-ref.htm">
|
|
<meta name="flags" content="">
|
|
<style type="text/css">
|
|
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>damer block1 block1</dd>
|
|
</dl>
|
|
|
|
<dl>
|
|
<dt>block2</dt>
|
|
<dd>block2 block2</dd>
|
|
<dd>block2 block2</dd>
|
|
<dd>block2 block2 block2</dd>
|
|
<dd>damer block2 block2</dd>
|
|
</dl>
|
|
|
|
<dl>
|
|
<dt>block3</dt>
|
|
<dd>block3 block3</dd>
|
|
<dd>block3 block3</dd>
|
|
<dd>block3 block3 block3</dd>
|
|
<dd>damer block3 block3</dd>
|
|
</dl>
|
|
|
|
<dl>
|
|
<dt>block4</dt>
|
|
<dd>block4 block4</dd>
|
|
<dd>block4 block4</dd>
|
|
<dd>block4 block4 block4</dd>
|
|
<dd>damer 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> |