multicol-span-all-margin-nested-firstchild-001.xht (1419B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <title>multicolumn | column-span</title> 6 <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"/> 7 <link rel="help" href="http://www.w3.org/TR/css3-multicol/#spanning-columns"/> 8 <link rel="match" href="multicol-span-all-margin-nested-firstchild-ref.xht"/> 9 <meta name="flags" content="ahem"/> 10 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 11 <style type="text/css"><![CDATA[ 12 body { 13 margin: 0; 14 } 15 body>div { 16 font-family: Ahem; 17 font-size: 1em; 18 line-height: 1em; 19 color: navy; 20 background: yellow; 21 margin: 1em; 22 border: 1em solid gray; 23 width: 8em; 24 float: left; 25 orphans: 1; 26 widows: 1; 27 overflow: hidden; 28 29 column-count: 4; 30 column-gap: 0; 31 } 32 span, h6 { 33 font-family: Ahem; 34 font-size: 1em; 35 font-weight: normal; 36 line-height: 1em; 37 color: black; 38 background: black; 39 padding: 0; 40 margin: 0; 41 display: block; 42 } 43 h6 { 44 margin: 1em 0; 45 width: 11em; 46 column-span: all; 47 } 48 span { 49 color: pink; 50 background: pink; 51 margin: 2em 0; 52 } 53 h6~h6 { 54 color: black; 55 background: black; 56 height: 1em; 57 } 58 h6~h6>span { 59 background: pink; 60 color: pink; 61 margin: -2em 0 0; 62 } 63 ]]></style> 64 </head> 65 66 <body> 67 68 <div> 69 xx xx xx xx 70 xx xx xx xx 71 72 <h6><span>xxxxx</span></h6> 73 <h6><span>xxxxx</span></h6> 74 75 xx xx xx xx 76 xx xx xx xx 77 </div> 78 79 </body> 80 </html>