run-in-inherit-001.xht (1462B)
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>CSS Test: Run in - run-in property inheritance</title> 5 <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> 6 <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> 7 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> 8 <link rel="match" href="run-in-inherit-001-ref.xht"/> 9 <meta name="assert" 10 content="Tests property inheritance for run-ins, and margin collapsing 11 for the block following a run-in. Should inherit from our content parent, and the margins should not collapse through a border."/> 12 <style type="text/css"><![CDATA[ 13 div { display: block; } 14 .run-in { display: run-in; font-weight: bold; border: inherit} 15 #target { border: 2px solid black; color: black; margin: 2em; padding: 10px } 16 #container { color: green; border: 10px outset orange; } 17 ]]></style> 18 </head> 19 <body> 20 <div id="container"> 21 <div class="run-in">Run-in header</div> 22 <div id="target">Start of block. The run-in header should be inside the 23 border around this block, should be colored green, and should have an 24 outset orange border. There should be 2em of space on each side between 25 the black border of the block and outset orange border around it.</div> 26 </div> 27 </body> 28 </html>