scroll-marker-011.html (655B)
1 <!DOCTYPE html> 2 <title>::scroll-marker in inline formatting context</title> 3 <link rel="help" href="https://issues.chromium.org/issues/376834376"> 4 <link rel="match" href="scroll-marker-011-ref.html"> 5 <style> 6 * { 7 font-family: monospace; 8 } 9 10 .scroller { 11 overflow: hidden; 12 scroll-marker-group: before; 13 } 14 15 .scroller::scroll-marker-group { 16 display: block; 17 height: 2em; 18 overflow: hidden; 19 } 20 21 .scroller>*::scroll-marker { 22 content: attr(text); 23 } 24 </style> 25 <p>The word "PASS" should be seen below.</p> 26 <div class="scroller"> 27 <div text="P"></div> 28 <div text="A"></div> 29 <div text="S"></div> 30 <div text="S"></div> 31 </div>