first-letter-with-preceding-new-line.html (807B)
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Test: ::first-letter with preceding new line</title> 6 <link rel="author" title="Joonghun Park" href="mailto:pjh0718@gmail.com"> 7 <link rel="match" href="reference/first-letter-with-preceding-new-line-ref.html"> 8 <link rel="help" href="https://drafts.csswg.org/css-pseudo/#first-letter-pattern"> 9 <meta name="assert" content="Test checks if preceding new line character is allowed or not"> 10 <style> 11 body { font-size: 30px; } 12 #sample { 13 margin: 20px; 14 white-space: pre; 15 } 16 #sample::first-line { 17 color: red; 18 } 19 #sample::first-letter { 20 color: green; 21 border: solid 1px blue; 22 } 23 </style> 24 </head> 25 <body> 26 <div id="sample"> 27 The second line. 28 The third line. 29 </div> 30 </body> 31 </html>