I have a collection of 11 divs, with 8 containing images and 3 displaying ':'.
https://i.sstatic.net/Vfljg.png
All 11 boxes are enclosed within a class called "timer", structured as shown below:
<div class="timer">
<div><img></div>
<div><img></div>
<div>:</div>
</div>
To overlay text on the image, I used p tags within each div and implemented the following CSS code:
.text{
position: absolute;
left: 85px;
top: 185px;
}
However, when resizing the window, only the boxes move while the text remains static. How can I ensure that the text moves along with the boxes?