html - Align div to a table column -

i've spent days trying find solution of problem.

i align or specific column of table.

for example my sample :

<table border="1" >     <tr>         <td>1.1</td>         <td>1.2</td>         <td>1.3</td>     </tr>     <tr>         <td>2.1</td>         <td>2.2</td>         <td>2.3</td>     </tr> </table> <div>test</div> 

i align test below 2.2 cell.

i'm using jquery.

do have ideas ?

you can try following fiddle

$(document).ready(function(){   var position = $("#test").position();    $("div").css({     "left": position.left   });   });