OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <meta charset="utf-8"> | 4 <meta charset="utf-8"> |
5 <title>CSS Test: ::first-letter formatting</title> | 5 <title>CSS Test: ::first-letter formatting</title> |
6 <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.ne
t"> | 6 <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.ne
t"> |
7 <link rel="match" href="first-letter-001-ref.html"> | 7 <link rel="match" href="first-letter-001-ref.html"> |
8 » <link rel="help" href="http://dev.w3.org/csswg/css-pseudo-4/#first-lette
r-styling"> | 8 » <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#first-lett
er-styling"> |
9 <meta name="flags" content=""> | 9 <meta name="flags" content=""> |
10 <meta name="assert" content="Test checks that a floated ::first-letter f
ollows the usual formating rules for floats."> | 10 <meta name="assert" content="Test checks that a floated ::first-letter f
ollows the usual formating rules for floats."> |
11 <style> | 11 <style> |
12 div { | 12 div { |
13 font-size: 50px; | 13 font-size: 50px; |
14 position: absolute; | 14 position: absolute; |
15 left: 30px; | 15 left: 30px; |
16 top: 50px; | 16 top: 50px; |
17 background: red; | 17 background: red; |
18 } | 18 } |
19 span { | 19 span { |
20 background : white; | 20 background : white; |
21 } | 21 } |
22 div::first-letter { | 22 div::first-letter { |
23 color: green; | 23 color: green; |
24 background: green; | 24 background: green; |
25 float: left; | 25 float: left; |
26 } | 26 } |
27 </style> | 27 </style> |
28 </head> | 28 </head> |
29 <body> | 29 <body> |
30 <p>Test passes if there is a <strong>filled green rectangle</strong> and
<strong>no red</strong>.</p> | 30 <p>Test passes if there is a <strong>filled green rectangle</strong> and
<strong>no red</strong>.</p> |
31 <div>a<span> </span></div> | 31 <div>a<span> </span></div> |
32 </body> | 32 </body> |
33 </html> | 33 </html> |
OLD | NEW |