<body>
<div style="position: relative; white-space: 'pre-wrap'">
<div style="position:'absolute; top:'152'+'px';left:15+'px', height:'25px';width:'40px';border-radius:'50%';border:'2px solid'"></div>
// Here there is a div that is positioned absolute that generates circular line
<p>
1. I want to circle the number one at any time even if screen
gets minimized or zoomed
2. I want to circle number two too. I
styled Card.Body as relative and div as absolute. I manually
checked the position of the numbers and I set top and left
attributes.
3. Then I managed to put div using border radius 50%
and it is rounded and put on top of numbers but when I zoom it
moves from numbers.
4. please help
</p>
</div>
</body>