multicol-block-no-clip-002-ref.xht (1780B)
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 Reftest Reference</title> 5 <link rel="author" title="Opera Software ASA" href="http://www.opera.com/" /> 6 <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-07-24 --> 7 <meta name="flags" content="image" /> 8 <style type="text/css"><![CDATA[ 9 div 10 { 11 font: 1.25em/1 serif; 12 border: 1em solid gray; 13 width: 11em; 14 height: 6em; 15 position: relative; 16 } 17 18 img {position: absolute;} 19 20 img#black {top: 4em;} 21 22 img#first-orange {top: 5em;} 23 24 img#second-orange {left: 4em;} 25 26 img#first-pink 27 { 28 left: 4em; 29 top: 3em; 30 } 31 32 img#second-pink {left: 8em;} 33 34 img#yellow 35 { 36 left: 8em; 37 top: 1em; 38 } 39 ]]></style> 40 </head> 41 <body> 42 43 <div> 44 <img id="blue" src="support/swatch-blue.png" width="40" height="80" alt="Image download support must be enabled" /> 45 <img id="black" src="support/black20x20.png" width="80" height="20" alt="Image download support must be enabled" /> 46 <img id="first-orange" src="support/swatch-orange.png" width="40" height="20" alt="Image download support must be enabled" /> 47 <img id="second-orange" src="support/swatch-orange.png" width="40" height="60" alt="Image download support must be enabled" /> 48 <img id="first-pink" src="support/swatch-pink.png" width="40" height="60" alt="Image download support must be enabled" /> 49 <img id="second-pink" src="support/swatch-pink.png" width="40" height="20" alt="Image download support must be enabled" /> 50 <img id="yellow" src="support/swatch-yellow.png" width="40" height="80" alt="Image download support must be enabled" /> 51 </div> 52 53 </body> 54 </html>