title: Jquery UI draggable - left offset when adding new elements
body: <p>I try to add div elements with variable texts to a container and make them draggable. Hier some source:</p>
  
  <pre><code>var $element = $('&lt;div class="drag" style="display: inline-block; border : 1px dotted #fff; color : #fff; font-size : 26px; left : 0px;"&gt;').text('Test xyz');
  $("#designer").append($element);
  $element.draggable({ cursor: "move", containment : "#designer", grid: [ 20, 20 ]});
  </code></pre>
  
  <p>If I run this 5 times and drag the elements vertical in one line the left offset looks like:</p>
  
  <pre><code>&gt; Test xyz
  &gt; _Test xyz
  &gt; __Test xyz
  &gt; ___Test xyz
  &gt; Test xyz
  </code></pre>
  
  <p>Why is there an offset and how can I manage this if I got other strings with different lengths?</p>