Décalage volontaire tr/td

Bonjour,

Je souhaiterais créer un tableau classique:

<table>
<tr id="tr0"><td>Titre</td></tr>
<tr id="tr1"><td>cel 1</td></tr>
<tr id="tr2"><td>cel2</td></tr>
</table>

Je souhaiterais décaler des "TR", par exemple pour faire un tableau qui ne soit pas carré, mais un peu décalé à droite et à gauche...

Bon ok... En fait, à terme je veux utiliser JQuery et .animate() pour "trier" des "TR" entiers, donc j'aurais besoin de savoir d'abord s'il est possible de jouer avec CSS et de décaler les TR ou les TD (Selon les possibilités, les TR pourraient servir de référence (#tr10, #tr1, ...).

S'il est possible de les décaler, alors je pourrais en JS trier simplement toutes les cellules, par exemple par nombre de caractères dedans ou autre...

Et enfin, utiliser .animate() pour faire un beau triage animé.

Donc la question est: Est-il possible de jouer avec CSS (Position, Top, Margin...) pour décaler à droite/gauche/haut/bas des TR ou TD dans un tableau TABLE svp ?

Merci de votre aide !