border-breaking-002-cols.xhtml (816B)
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 height: 0; 8 border-bottom: 10px solid blue; 9 } 10 .overflow { 11 height: 195px; 12 border-bottom: solid 10px aqua; 13 } 14 15 .multicol { 16 height: 200px; 17 width: 300px; 18 column-width: 150px; 19 column-gap: 0; 20 column-fill: auto; 21 border: solid silver; 22 } 23 </style> 24 </head> 25 <body> 26 There must be a continuous 10px line at the top 27 of the gray box, the left half blue and the right 28 half aqua. 29 <div class="multicol"> 30 <div class="container"> 31 <div class="overflow"> 32 </div> 33 </div> 34 </div> 35 </body> 36 </html>