title: How to I position two elements on opposite sides of a table cell
body: <p>I have a table cell with text and an icon. I want both elements to link to the the same place. I want the text to align to the left side and the icon to align to the right side of a table cell. Code could look something like this:</p>
  
  <pre><code>&lt;td&gt;&lt;a href="#"&gt;Text&lt;span&gt;icon&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;
  </code></pre>
  
  <p>EDIT:
  I edited the code to represent some requirements that I did not originally include. Both the text and icon must be links.</p>
  
  <p>In addition, I am grabbing the width of the <code>&lt;a&gt;</code> tag when the user clicks on it. If I cut the text and icon into two different a tags my measurement will be inaccurate.</p>