first-letter-and-whitespace.html (1145B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>CSS Test: White-spaces around floated ::first-letter</title> 4 <link rel="author" title="Rune Lillesveen" href="mailto:futhark@chromium.org"> 5 <link rel="match" href="first-letter-and-whitespace-ref.html"> 6 <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#first-letter-styling"> 7 <meta name="assert" content="Test checks that white-spaces are correctly rendered for floated ::first-letter changes"> 8 <style> 9 div::first-letter { 10 color: black; 11 } 12 .floatLetter::first-letter { 13 float: left; 14 } 15 </style> 16 <p>Pass if no space between "A", space between "B".</p> 17 <div id="t1"> <!---->AA</div> 18 <div id="t2"> <!---->A<!----> <!---->A</div> 19 <div id="t3" class="floatLetter"> <!---->B<!----> <!---->B</div> 20 <div id="t4" class="floatLetter"> <!---->B <!---->B</div> 21 <div id="t5" class="floatLetter"> <!---->AAB<!----> <!---->B</div> 22 <div id="t6" class="floatLetter"> <!---->AAB<!----> B</div> 23 <script> 24 document.body.offsetTop; 25 t1.className = "floatLetter"; 26 t2.className = "floatLetter"; 27 t3.className = ""; 28 t4.className = ""; 29 t5.className = ""; 30 t6.className = ""; 31 </script>