mark arabic text in css

Question

I have Arabic text that I want to mark it but in Arabic the letters in the word is connected to each other when I add tag to highlight letters browser break my word any one have idea what I do

An example: original word: سلام I want to highlight just second letter

original word:

    <span>سلام</span>

add tag after highlight:

    <span>س<span class='highlight'>ل</span>ام</span>

this change cause show سلام to س‌ل‌ام

please provide a http://jsfiddle.net example where we can see the problem — Banana, Mar 15 '14 at 15:31

score 0 · Answer 1 · edited Mar 15 '14 at 15:37

0

Dont use span use p and span

<p>س<span class='highlight'>ل</span>ام</p>

this doesn't break your formatting...

edited Mar 15 '14 at 15:37

semirturgay

4,151
3
30
50

answered Mar 15 '14 at 15:31

Rodrigo Zuluaga

497
3
11

That doesn't work http://jsfiddle.net/4duy5/ – Musa Mar 15 '14 at 15:34
Look... its working http://jsfiddle.net/xYzB8/ – Rodrigo Zuluaga Mar 15 '14 at 15:35
The letters aren't joined. – Musa Mar 15 '14 at 15:36
1

I check it too, this doesn't work – shahab Mar 15 '14 at 15:42
1

span work in Firefox don't need p tag before it – shahab Mar 15 '14 at 15:55

mark arabic text in css

1 Answers1