How to keep sentence from not breaking when minimizing broswer window? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 1

How to keep sentence from not breaking when minimizing broswer window?

I tried no wrap and it worked but when I minimize the window , the text eventually goes out of the div that it is in and you can only read part of the sentence. Please help. Ps: i want the text to be in one line and be responsive at the same time while being one line. Sorry for the horrible sentence structure, its late. I cant be bothered lol

27th Jul 2018, 7:52 PM
Mogammad Shameer Losper
Mogammad Shameer Losper - avatar
7 Answers
+ 7
use overflow: hidden; or specifically overflow-x: hidden; overflow-y: hidden;
27th Jul 2018, 9:16 PM
Morpheus
Morpheus - avatar
+ 2
Of course it goes out if you don’t change the font size. That’s what nowrap does. It doesn’t break the content inside.
27th Jul 2018, 8:51 PM
Toni Isotalo
Toni Isotalo - avatar
+ 1
Have you tried "normal"? If so, does "pre-wrap" work for you?
27th Jul 2018, 8:24 PM
Russ
Russ - avatar
+ 1
No, white-space: normal/pre-wrap
27th Jul 2018, 8:51 PM
Russ
Russ - avatar
+ 1
And thank you guys for all the replies .
27th Jul 2018, 10:10 PM
Mogammad Shameer Losper
Mogammad Shameer Losper - avatar
0
You talking about this? word-wrap: normal
27th Jul 2018, 8:45 PM
Mogammad Shameer Losper
Mogammad Shameer Losper - avatar
0
I know thats what nowrap does but my goal was to make the text stay in one line and make it responsive in that form(Keeping the text in one line). But its okay, i decided to keep the text like it is lol- Im not going to edit it to stay one line.
27th Jul 2018, 10:07 PM
Mogammad Shameer Losper
Mogammad Shameer Losper - avatar