title: CSS positioning of a div
body: <p>I use <a href="http://fgnass.github.io/spin.js/#!" rel="nofollow">this spinning</a> library which generates a div positioned relative and I have the following HTML code:</p>
  
  <pre><code>&lt;table&gt;
    &lt;tr&gt;
     &lt;td&gt;
       &lt;a href="a-link"&gt;LINK&lt;/a&gt; IMPORTANT-TEXT
     &lt;/td&gt;
     &lt;td&gt;
     &lt;/td&gt;
       Something not important
     &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Now I have a problem positioning the generated relative div right after <code>IMPORTANT-TEXT</code>.
  So far I have tried to make a <code>&lt;div class="spinning-container" style="position:absolute; margin:-10px 0 0px 30px"/&gt;</code> and to render the generated div into the spinning-container, but I do not know the length of the <code>IMPORTANT-TEXT</code></p>
  
  <p>PS: The content should not overlap.</p>
  
  <p><strong>EDIT:</strong>
  Example of what I have tried so far: <a href="http://jsfiddle.net/kALAB/3/" rel="nofollow">here</a>.</p>