{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 何必那么认真 的问题《HTML Direction rtl issue》','https://www.manongdao.com/q-386964.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
I am working on a Multilanguage website , where in a table one of the td needs to be arabic stuff - which we know need to start from right. I tried it in many ways but couldnt crack it . Would be really appreciated if some one could help me :( .
Here in this text , the content should start from right..
<TD><div dir="rtl">
خیز ای عشق مجرد مهر را از سر بگیر<br/>
مردم و خالی شدم ز اقرار و از انکار خود
</div></TD>
Set the
dir=rtlattribute on thetdelement:<td dir=rtl>...</td>. The HTML attribute should be used instead of the corresponding CSS property, since the basic writing direction is not just a presentational suggestion but something that depends on the content.You could also set it on an inner element, e.g.
<td><div dir=rtl>...</div></td>. But e.g. code like<TD><span dir="rtl"><p>...won’t work, sice the<p>closes the openspanelement, so thespanelement has no content and its attributes have no effect.Added info: Also make sure that no CSS or HTML setting is overriding the desired effect. For example,
align=lefton thetrelement would set the alignment of all cells to left alignment, and thedir=rtlattribute won’t “win” it on its own. (If there is such an attribute and you can’t remove it, set the cell alignment explicitly, usingalign=rightin HTML.)the solution is to put the dir="rtl" (direction:rtl) on the table tag not on td tag. it works fine for me
I suppose you missing alignment option.
HTML dir="rtl"orCSS direction:rtlis to control BiDi for the language script.But in most cases where mixing different scripts you need to add
HTML align="right"orCSS text-align:rightwhich is used to control visual display alignment.Both of these are OK:
or this:
or for HTML5: (but this doesn't work always)
The code is:
Updated answer using CSS:
Try this: