Justifier le texte dans les cellules d'un tableau

J'ai une Table avec 2 colonnes.Je voudrais être en mesure de justifier le texte dans chaque cellule, de sorte que j'ai utilisé text-align:justify; pour chaque <td> tag,mais il ne semble pas fonctionner?

Code Html:

<table >
<tr >
<td  class=tblcellA>سرآغاز گفتار نام خداست </td>
<td  class=tblcellB>كه رحمتگر و مهربان خلق راست</td>   
</tr>
<tr >
<td  class=tblcellA>ستايش بود ويژه كردگار</td>
<td  class=tblcellB>كه بر عالمين است پروردگار</td>   
</tr>
</table>

Code Css:

body
{
   overflow:hidden;
   font-family:tahoma;
   FONT-SIZE:15px;
direction:rtl;
}
.tblcellA
{
    BORDER-RIGHT: #7e975b 1px solid;
    BORDER-TOP: #7e975b 1px solid;
    BORDER-LEFT: #7e975b 1px solid;
    BORDER-BOTTOM: #7e975b 1px solid;

   text-align:justify;
   padding-right:18px;
    width:230px;

}
.tblcellB
{
    BORDER-RIGHT: #7e975b 1px solid;
    BORDER-TOP: #7e975b 1px solid;
    BORDER-LEFT: #7e975b 1px solid;
    BORDER-BOTTOM: #7e975b 1px solid;

   width:230px;
   text-align:justify;
   padding-right:18px;
}

Résultat:
http://jsfiddle.net/d5VTg/22/

Comment puis-je justifier cette ligne de texte?

Répondu. @irsog
Avez-vous besoin de cette cellule pour être rempli avec du texte?? sans espace?? coz maintenant, votre texte est justifié seulement
Shivaram:Oui j'ai besoin de chacune des cellules de remplir avec le texte et avec un espace entre les mots.

InformationsquelleAutor KF2 | 2012-11-19

1

Vous avez fixé la largeur de chaque cellule, de sorte que vous êtes en mesure de voir l'espace blanc supplémentaire. Sinon, votre texte est justifié.

Dans ce cas, changez la largeur propriétés de ce type
```
width:auto;
max-width:230px;
```
Maintenant le maximum de la cellule largeur sera 230px

DÉMO ICI

InformationsquelleAutor Sowmya

Vous devez vous connecter pour publier un commentaire.