379349-1a.xhtml (1276B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS3 Multi-column Layout Test Suite: Overflow Pagination (Basic)</title> 5 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> 6 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/> 7 <style type="text/css"> 8 #container { 9 height: 72pt; 10 background: red; 11 } 12 #overflow { 13 height: 5in; 14 border: 2pt silver solid; 15 border-top: none; 16 border-bottom: solid 10px blue; 17 } 18 #following { 19 margin: -72pt 0; 20 height: 72pt; 21 background: white; 22 border: 2pt black; 23 border-style: none solid; 24 25 font-size: 10pt; 26 line-height: 10pt; 27 color: blue; 28 } 29 body { 30 height: 2in; 31 width: 300pt; 32 column-width: 100pt; 33 column-gap: 0; 34 border: solid gray; 35 } 36 </style> 37 </head> 38 <body> 39 <div id="container"> 40 <div id="overflow"> 41 </div> 42 </div> 43 <p id="following"> 44 This paragraph must be in the first column. 45 There must be no red. There must be a blue 46 horizontal line in middle of the third 47 column. 48 </p> 49 </body> 50 </html>