You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
We generally use the word-wrap: break-word; property to break a single long word when it doesn't fit in its box. But, I don't think there is anything to control breaking of multiple words.
Think of it, you would need to detect if there is only a single word in the next line and do something to break the line before. Unless, you want to use js to tackle this, I don't see a solution.
The general method I've seen is replace the last space with to force the layout engine's hand. In the posted screenshot that would cause "for u." to be the last line. I've seen that method have just as unsatisfactory results when the last two words combined are exceptionally long, but that seems easy enough to counter with a heuristic here since the input does not contain arbitrary formatting, just text.
We should be able to avoid having a single word on a line using CSS.
Here's an example of the bad (current) formatting:
Instead of having that single word we should break the line above a few words earlier.
The text was updated successfully, but these errors were encountered: