inlines-003.xht (1253B)
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: CSS Inline Box Model: Wrapping Borders</title> 5 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> 6 <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 --> 7 <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/003.xml" type="application/xhtml+xml"/> 8 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> 9 <meta name="flags" content="interact"/> 10 <style type="text/css"> 11 div { font: 2em/2 sans-serif; } 12 span { border: thick solid blue; padding: 0 1em; } 13 </style> 14 </head> 15 <body> 16 <p>Slowly resize the window, causing the text below to wrap into multiple 17 lines at different points in the text. At all points in time, each word 18 should be enclosed in an hollow blue rectangle and there should be no stray 19 pieces of blue rectangle anywhere else on the page.</p> 20 <div> <span>Resize</span> <span>the</span> <span>window</span> <span>so</span> <span>that</span> <span>this</span> <span>wraps</span> </div> 21 </body> 22 </html>