multicol-basic-008

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: 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/#column-width">
 8 <style type="text/css">
 9 div {
10   margin: 1em auto;
11   background: yellow;
12   border: thin solid black;
13   width: 600px;
14   column-width: 200px;
15   column-gap: 0;
16   column-rule: none;
17 }
18 </style>
19 </head>
20 <body>
21 <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>
22 </body>
23 </html>