388049.html (1642B)
1 <html> 2 <head> 3 <style type="text/css"> 4 p:first-line { color: teal; } 5 p:first-letter { color: aqua; } 6 .one:first-line { font-size: 300%; } 7 .one:first-letter { font-size: 300%; } 8 p.two:first-letter { font-size: 200%; } 9 p.two:first-line { font-variant: small-caps; } 10 /* three uses the default styles */ 11 </style> 12 </head> 13 <body> 14 <p class="one"> 15 The <strong>first letter of this paragraph, and only that 16 one, should be 600% bigger than the normal text 17 (300% bigger than the rest of first line of this paragraph) and 18 aqua, while the entire first line 19 should be 300% bigger than normal and teal. If this precise combination does not occur, 20 then the user agent has failed this test. Remember that in order to 21 ensure a complete test, the paragraph must be displayed on more 22 than one line. (TEST1) 23 </p> 24 <p class="two"> 25 The first two characters in this paragraph 26 (a double-quote mark and a capital 'T') should be 200% 27 bigger than the rest of the paragraph, and 28 aqua. In addition, the entire first 29 line should be in a small-caps font and 30 teal. Remember that in order to ensure a complete test, 31 the paragraph must be displayed on more than one line. (TEST2) 32 </p> 33 <p> 34 The first letter of this paragraph, and only that 35 one, should be aqua, while the entire 36 <strong>first line should be teal. If 37 this precise combination does not occur, then the user agent has 38 failed this test. Remember that in order to ensure a complete test, 39 the paragraph must be displayed on more than one line. (TEST3) 40 </p> 41 42 </body> 43 </html>