CSS: text-align dans une case tableau

Bonjour,


j'ai une case de tableau qui accueille des caractères spéciaux suivis d'un mot, puis à nouveau caractères spéciaux, puis un mot.... Je voudrais que la case soit remplie jusqu'au bout.
J'ai donc le code suivant:

<td width="250" style="word-wrap:break-word; max-width:250px; text-align:justify;"> 
  <script language="javascript"> 
  var nbcaract=caract.length; // Nombre de caracteres 
   for(j=0;ligne<n;j++){ 
    var limit =Math.floor(Math.random()*30) 
    for(i=0;i<limit;i++){ 
     Nballcaract=Math.floor(Math.random()*nbcaract); 
     temp = temp + caract[Nballcaract]; 
    } 
    document.write(temp); 
    document.write(tableau[Nballtab][ligne]); 
     
   } 
  </script> 
         
           
       </td> 

J'ai donc le résultat suivant:
https://imgur.com/qVFNX

Je voudrais donc que les lignes soient remplies jusqu'au bout. Par exemple la 7ème ligne en partant de la fin (sur le screenshot) est presque vide et je ne comprends pas pourquoi....
Si vous pouviez m'aider :)

merci!