Text being cut off

Question

The text in my answer is running to this topic is running off the right hand side of screen.

Answer 1

I had this issue on my site- had to use horizontal-scroll on entry-content in CSS as this happened with some links, MathJax etc. and scroll is the only way I could ensure content is visible on all devices for the users.

Comments

Thanks.  MathJax is one thing, but simple text going off the right hand side is yet another thing.  Hope someone provides a fix.  Quite puzzling.  First time I saw it (here on this site).

Answer 2

Because that particular part of the answer is wrapped within <pre> tag . Which have the below property by default 

white-space: pre ;

Thats why it does not wraps the text with in the parent and preserves all the white spaces .

You can read more about this property here - https://css-tricks.com/almanac/properties/w/whitespace/ 

Comments

Yes, in particular it's using the "Formatted" style in the editor. I edited the answer and changed it to "Normal". And clicked the "remove formatting" button (looks like "Tx").