Alignement d'un DIV dans une cellule de tableau

Question

J'ai un tableau HTML avec trois colonnes. Dans la colonne la plus à droite, je veux aligner à droite le contenu. Pour tenter de le faire, je donne les résultats suivants:

<table border='0' cellpadding='0' cellspacing='0' style='width:100%;'> 
    <tr> 
    <td>Content 1</td> 
    <td>Content 2</td> 
    <td style='text-align-right'>Content 3</td> 
    </tr> 
</table> 

Le contenu de la troisième cellule est générée par un code côté serveur. Lorsque le contenu généré est du texte, le contenu est aligné correctement. Cependant, lorsque je tente d'aligner à droite un élément DIV situé dans la troisième cellule, il ne le fait pas. Le DIV est toujours aligné à gauche. Comment aligner un DIV à l'intérieur d'une cellule de tableau?

Merci!

Answer 1

Votre code devrait ressembler à ceci pour répondre aux situations div et non div:

<td style="text-align:right;"> 
    <div style="float: right;" align="right"></div> 
</td> 

Answer 2

Mettez une classe à la td

<td class="rightAlign"> 

et définissent une classe css avec la propriété text-align avec! Important

.rightAlign{ 
    text-align: right !important 
} 

cela fera la DIV héritera le bon alignement.

Answer 3

Essayez:

<td><div style="float: right;"></div></td>