jQuery draggable + droppable: how to snap dropped element to dropped-on element

Question

I have my screen divided into two DIVs. In the left DIV I have a few 50x50 pixel DIVs, in the right DIV I have an empty g

Answer 1

If the divs on the left are actually in the lis on the right (which you can confirm with Firebug), and if the lis are all in a ul (as they should be), try one or both of the following:

ul#right_div {
  text-align: center;
}

ul#right_div li {
  text-align: center;
}