I have a pop-up and it has a width. I add two divs

<div class="storeAddress_inner"> <div class="storePhoneNumber" style="white-space: nowrap;">Phone Number: 02077 159241</div> <div class="storeRangeChillerFreezer" style="white-space: nowrap;display: inline-block;"> <span class="range_information"> <img src=""> <span class="range_information_msg" style="display: inline-block;"> We have a chiller </span> <br> <img src=""> <span class="range_information_msg"> We have a freezerWe have a freezerWe have a freezerWe have a freezerWe have a freezerWe have a freezerWe have a freezerWe have a freezerWe have a freezerWe have a freezerWe have a freezerWe have a freezer </span> </span> <br> </div> </div>

and when I add a lot of text to the span of the storeRangeChillerFreezer div, a scroll bar appears.

How to make so that scrolling does not appear, and the text is automatically translated to a new line?

thank

  • Q: Do you have the entire code, or did you lose the last div when copying? - Risto
  • one
    Then make your comment as an answer, please, so that other participants are not distracted by a more irrelevant question. - Risto
  • Rather, the point is not that others are not distracted - but to designate the right decision. It certainly will be useful to someone else. - Nick Volynkin ♦

1 answer 1

Fixed this when I removed white-space: nowrap . It all worked.