html - Position item relative to vertical scrollbar -

html - Position item relative to vertical scrollbar -

i have drop down, of fixed height, shows multiple items. drop downwards looks so

item 1 >> item 2 >> item 3 >>

when there many items there scrollbar. there way position '>>' symbol relative scrollbar? theres padding between it. i've tried relative positioning doesnt seem take business relationship scrollbar. css looks following

.item { display:inline-block; width:75% } .symbol { display:inline-block; position: relative; right:5px; } markup: <div> <div class="item">item 1</div><div class="symbol">&raquo;</div> <div class="item">item 2</div><div class="symbol">&raquo;</div> <div>

so want '>>' symbol have padding on right when scrollbar nowadays or absent. thanks!

how giving .symbol explicit width .item, , using text-align maintain right:

.symbol { display:inline-block; width:25%; position: relative; right:10px; text-align:right; }

like in fiddle...

html css