In languages like Farsi and Arabic, as well as other RTL languages, letters are connected to each other (e.g. سیب), but not always (e.g. می شود). This can sometimes cause issues with the flow of text when half a word wraps over to the next line due to whitespace.
https://i.sstatic.net/k9FmY.png
While I don't want to disable the wrapping style of the paragraph entirely, I realize that this behavior is incorrect. In Microsoft Word, this problem is solved by using ctrl+shift+space
. This creates a different type of white space between letters that prevents wrapping. How could I achieve something similar using HTML and CSS?
Take a look at this jsFiddle example for reference: https://jsfiddle.net/gb0p72b2/.