border-breaking-003-cols.xhtml (926B)
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>Pagination with Borders</title> 5 <style type="text/css"> 6 .container { 7 border-bottom: 10px solid aqua; 8 } 9 .overflow { 10 height: 175px; 11 border-bottom: solid 10px blue; 12 } 13 .rainbow { 14 border-top: 10px solid blue; 15 border-bottom: 10px solid aqua; 16 } 17 18 .multicol { 19 height: 200px; 20 width: 300px; 21 column-width: 150px; 22 column-gap: 0; 23 column-fill: auto; 24 border: solid silver; 25 } 26 </style> 27 </head> 28 <body> 29 There must be two continuous 10px lines at the top 30 of the gray box, the top one blue and the bottom one 31 aqua. 32 <div class="multicol"> 33 <div class="rainbow"></div> 34 <div class="container"> 35 <div class="overflow"> 36 </div> 37 </div> 38 </div> 39 </body> 40 </html>