replaced-elements-001.xht (1235B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 5 <head> 6 7 <title>CSS Test: replaced elements - margin</title> 8 9 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> 10 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-replaced-width" /> 11 <meta name="assert" content="Block-level, replaced elements with 'margin-left: auto' and 'margin-right: auto' should be centered within their respective parent block." /> 12 13 <style type="text/css"><![CDATA[ 14 div 15 { 16 background-color: green; 17 line-height: 0; 18 margin: 1em; 19 } 20 21 input 22 { 23 background-color: orange; 24 display: block; 25 margin-left: auto; 26 margin-right: auto; 27 width: auto; 28 } 29 ]]></style> 30 31 </head> 32 33 <body> 34 35 <p>Test passes if there is 1 orange stripe horizontally centered within each of 2 wide green bars.</p> 36 37 <div> 38 <input type="button" value=" " /> 39 </div> 40 41 <form action=""> 42 <div> 43 <input type="submit" value=" " /> 44 </div> 45 </form> 46 47 </body> 48 </html>