StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POOverlapping text
text
Body
copied!<p>I would like to know how to make my text wrap properly when zoomed out in a browser? I mean the page looks fine when normally zoomed but when you zoom out by pressing Ctrl + "+" then it overlaps over the image on the right side of it. I have tried the white-space:nowrap but it doesn't give me the results I want. Can any of you please help me out?? Been trying to solve this for quite a while now also to help you guys better understand I have attached an image of how it looks like.</p> <p>HTML:-</p> <pre><code> <p class="aboutus-description"> Integer tristique consequat nulla, sed convallis urna dictum sit amet. Ut at ligula dolor, id cursus sem. Nullam sed dolor eu. Ut ante nunc, posuere ac varius sit amet, bibendum non est. Morbi in arcu in felis pharetra sodales vitae non. Sed dictum cursus leo, sit amet semper est commodo in. Etiam. Nunc elit sem, bibendum ac laoreet quis, accumsan sed neque. Integer lacus nisi, lobortis faucibus ornare non, cursus non augue. Suspendisse. Vivamus hendrerit laoreet mauris ut molestie. Nullam auctor nulla ac ligula viverra nec adipiscing tellus eleifend. Duis ligula enim, semper eget Vestibulum erat diam, cursus ut semper sit amet, feugiat a erat. Praesent vestibulum, quam ac. Maecenas non risus dictum neque sodales commodo sed quis massa. Morbi mollis, odio. </code></pre> <p>CSS:-</p> <pre><code><style> #content p.aboutus-description { font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#656565; position:absolute; left:80px; top:20px; width:747px; overflow-style:auto; white-space:nowrap; word-wrap:break-word; } </code></pre> <p>Image:-</p> <p><img src="https://i.stack.imgur.com/Oemiv.png" alt="enter image description here"></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload