multicol-basic-007

columns as column-width (basic)

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3 <head>
 4 <title>CSS Multi-column Layout Test: columns as column-width (basic)</title>
 5 <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com">
 6 <link rel="match" href="reference/multicol-basic-005-ref.htm">
 7 <link rel="help" href="https://www.w3.org/TR/css3-multicol/#columns">
 8 <link rel="help" href="https://www.w3.org/TR/css3-multicol/#column-width">
 9 <style type="text/css">
10 div {
11   margin: 1em auto;
12   background: yellow;
13   border: thin solid black;
14   width: 600px;
15   columns: 200px;
16   column-gap: 0;
17   column-rule: none;
18 }
19 </style>
20 </head>
21 <body>
22 <div>This multicol element should have a width of 600 pixels and the content should be flowed into three columns with no gap or rule between them.</div>
23 </body>
24 </html>