inline-box-001.xht (1403B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: Inline box containing block boxes</title> 5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> 6 <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 --> 7 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> 8 <link rel="match" href="inline-box-001-ref.xht" /> 9 10 <meta name="assert" content="Inline boxes that contain block boxes will break up the inline content around the block box." /> 11 <style type="text/css"> 12 #div1 13 { 14 border: 2px solid blue; 15 display: inline; 16 } 17 div div 18 { 19 background: orange; 20 width: 2in; 21 } 22 </style> 23 </head> 24 <body> 25 <p>Test passes if there are blue borders around the top, left and bottom but not the right side of the text "First line", and borders around the top, right, bottom but not the left of the text "Last line".</p> 26 <div id="div1"> 27 First line 28 <div>Filler Text</div> 29 Last line 30 </div> 31 </body> 32 </html>