Typing website layout not working with different elements
I and a friend are running into a lot of trouble trying to make a typing website. When it starts, the HTML is like so.
<div class="future">an arrow is a reinss brunt the reins of a falls becomes an awake rodeo peters are keyed snacks the ankle of a daddy becomes a joint bingo! of course the scrum of a nylon becomes a liver basis a jenny sees a setup as a prank fraud however daddy is a piles the mango of a heath becomes a widen lowry! in modern times snacks are footy brunts in ancient times the taker of a maam becomes a joint maam the first mixed heath is in its own way a squid a drank is a movers miner! `</div>
When the user types something, it makes a portion of the text white, like this:
<div class="future"><div style="color:white">an owner is </div><div>a barons bases by the waya rocks is the basis of a hello! a mirth is a vinyl skate the first razed reins is in its own way a metre of course a drank sees a snack as a footy snark a nexus is the gusto of a chili we know that a scrum is the mayer of a baker! metres are trunk barons; the trout is a jones ardors are eaten banjos! a villa is a quick manga we know that a mayer is a widen cabal their begun was in this moment a fated width`</div></div>
But it comes out like this: Why does this happen? it should only change the color and not move everything. We have checked the CSS multiple times, and can't figure out why this is happening.
All the best, vibetype.
from Recent Questions - Stack Overflow https://ift.tt/34loMlU
https://ift.tt/3wEJnh3
Comments
Post a Comment