title: combining word-wrap: break-word; and white-space: pre;
body: <p>I display a piece of text taken from a text file in an HTML page, I want the new-lines in that text file to be taken into account so I am using "white-space: pre;". on the other hand, I want to prevent the text from overflowing outside its containing div, so I added "word-wrap: break-word;"
  unfortunately, the two properties don't seem to work together (the white-space overrides the word-wrap). how can I make it so both properties work together?</p>