OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/st
rict.dtd"> |
| 2 <html> |
| 3 <head> |
| 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
| 5 <title>CSS Test: Marker box position (inside principal box) - block box in nor
mal flow (as child of principal box)</title> |
| 6 <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21
testsuite"> |
| 7 <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"> |
| 8 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"> |
| 9 <meta name="flags" content=""> |
| 10 <meta name="assert" content="Since a marker box is the first inline element in
the principal box when 'list-style-position:inside', the following block box (i
n normal flow) must create a new stacking context below the marker box"> |
| 11 <style type="text/css"> |
| 12 #test{ |
| 13 background:lime; |
| 14 color:lime; |
| 15 display:list-item; |
| 16 font-size:85px; |
| 17 list-style-position:inside; |
| 18 } |
| 19 #test div{ |
| 20 background:blue; |
| 21 display:block; |
| 22 } |
| 23 </style> |
| 24 </head> |
| 25 |
| 26 <body> |
| 27 <p>To pass, there <strong>must</strong> be a green bar stacked on top of a blu
e bar.</p> |
| 28 <div id="test"> |
| 29 <div> </div> |
| 30 </div> |
| 31 </body> |
| 32 </html> |
OLD | NEW |