When I change the color of one letter in Ionic in the .html-data
, my word gets longer than normal (look at the picture). The normal output is Output 2.
Output 1: The word gets longer if I do it like this. It happens when I add that line to join the letters:
<button>
<span style="font-size: 30px">مَـ<span style="color:red">ـرَ</span>جَ</span>
</button>
Output 3: This happens when I don't add the lines to join them. They are not joining, but they have to be joined:
<button>
<span style="font-size: 30px">مَ<span style="color:red">رَ</span>جَ</span>
</button>
What can I do to have the normal length of the word when I change the color of one letter?
Thanks you all for any help!