I need to hide the text that got out the div, I've tried overflow: hidden; but it doesn't works... I also need to when the text reach the end, i.e., is seen <a href="'#">link8</a> some text 3!....<br><br> it get back to the start <a href="'#">link1</a> some text...<br><br> I have no idea how to try the form, I don't know much about CSS...
#container { position: fixed; font-size: 20px; transition: .2s; margin-top: 10px; transition: margin 1s;}#box:hover #container{ overflow: hidden; margin-top: -3500px; transition: margin 400s linear;}<div style="background-color: rgb(162, 0, 255); height: 400px;" id="box"><div id="container"><a href="'#">link1</a> some text...<br><br><a href="'#">link2</a> some more text 2....<br><br><a href="'#">link3</a> some text 3....<br><br><a href="'#">link4</a> some text 3....<br><br><a href="'#">link5</a> some text 3....<br><br><a href="'#">link6</a> some text 3....<br><br><a href="'#">link7</a> some text 3....<br><br><a href="'#">link8</a> some text 3!....<br><br></div>