scroll-marker-group-011-ref.html (602B)
1 <!DOCTYPE html> 2 <style> 3 #scroller { 4 height: 100px; 5 } 6 7 #scroller::scroll-marker-group { 8 display: flex; 9 height: 100px; 10 background: gray; 11 } 12 13 #scroller>div::scroll-marker { 14 display: block; 15 width: 25px; 16 height: 100%; 17 content: ""; 18 background: yellow; 19 } 20 </style> 21 <p>There should be a yellow square inside a gray box below, and below that, a 22 fieldset with a legend.</p> 23 <div style="height:200px; background:gray;"> 24 <div style="width:100px; height:100px; background:yellow;"></div> 25 </div> 26 <fieldset id="scroller"> 27 <legend>Legend</legend> 28 first 29 </fieldset>