0

i really need help with this ( html / css )

This is a div element with a sample paragpraph inside it. ____________________________________________________________________________ <div class="jaylen1"><p>Below, we take a close look at what makes up an effective paragraph and explain how to write one that suits your needs.</p></div> ___________________________________________________________________________ AND THIS IS THE CSS FOR IT. ___________________________________________________________________________ .jaylen1 { width: 50px; height: 50px; background: red; transition: width 5s; } :hover.jaylen1 { width: 1000px; } _______________________________________________________________________ put them together and run the code. when u hover your mouse over the box the thing that is happening is the text is already visible and outside the box before u hover ur mouse over it. the thing i want to happen is : i want the text to slowly apear on 1 line as the box starts to get bigger. please help me i cant find solutions online.

2nd Jan 2023, 12:03 AM
Ali Hussein Mohsen
Ali Hussein Mohsen - avatar
1 Odpowiedź
+ 3
.jaylen1 { width: 50px; height: 50px; background: red; transition: width 5s; /* ********** */ white-space: nowrap; overflow: hidden; /* ********** */ } :hover.jaylen1 { width: 1000px; }
2nd Jan 2023, 3:07 AM
arturop200
arturop200 - avatar