I'm facing a situation where I have 2 divs on a page, with the first div containing text content only.
The issue is that when the content of the first div overflows, it gets cut off due to the CSS applied to it:
.one {
overflow: hidden;
width: 100%;
white-space: nowrap;
}
Is there a way to make the overflow text appear in a second div?
For instance, if the text content in the first div is "Hello there" and it displays "Hello" but "there" is missing due to overflow being hidden, can we display "there" in a separate div?
I understand this might not be a standard feature, but I'm curious if it's possible or if there's a library available for this purpose. Thank you.