My HTML is using custom font to display special symbols. There are a lot of symbols, but only one of them is not displayed. It has the code
<td>Pair of bishops</td>
The Unicode character 00AD is defined to be invisible, except at the end of a line, where it may or may not be visible, depending on the script.
Anyway what you used was not the html correct code, instead
­ are used in html.
Use this example to understand the behavior of the element; (Note resize slowly and watch as the text has hyphen on the end but on normal view there is not).
This is the trick I used when making design for Hiring ads and the client wants pure grammar and also justified effect with no inner spaces(languages like German have big words and if no hyphens words will spread apart when justified).