379349-1-ref.xhtml (1329B)
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 #overflow { 9 height: 5in; 10 border: 2pt silver solid; 11 border-top: none; 12 border-bottom: solid 10px blue; 13 } 14 #following { 15 position: absolute; 16 top: 0; left: 0; 17 margin: 0; 18 box-sizing: border-box; 19 width: 100pt; 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 position: relative; 35 border: solid gray; 36 } 37 </style> 38 </head> 39 <body> 40 <div id="container"> 41 <div id="overflow"> 42 </div> 43 </div> 44 <p id="following"> 45 This paragraph must be in the first column. 46 There must be no red. There must be a blue 47 horizontal line in middle of the third 48 column. 49 </p> 50 </body> 51 </html>