title: HTML/CSS: How to get some text to align on right and other text on left on same line of table cell
body: <p>I am trying to get some text to align on left and other text to align on right in table cell for mobile site without success.  Would greatly appreciate any suggestions:</p>
  
  <p>html:</p>
  
  <p>Following code with block defined aligns arrows to right but adds a line break before them so the line becomes two lines--not good.</p>
  
  <pre><code>&lt;table&gt;&lt;/tr&gt;
  &lt;td&gt;&lt;a href="listproducts.php"&gt;Products&lt;span style="display: block" style="text-align:right"&gt;&gt;&gt;&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;&lt;/table&gt;
  </code></pre>
  
  <p>This code displays arrows immediately after word Products instead of aligning to right though the arrows do stay on same line.</p>
  
  <pre><code>&lt;table&gt;&lt;/tr&gt;
  &lt;td&gt;&lt;a href="listproducts.php"&gt;Products&lt;span style="display: inline" style="text-align:right"&gt;&gt;&gt;&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;&lt;/table&gt;
  </code></pre>
  
  <p>How do you get text on left and arrow on right on same line.  Note: I don't want to go to two cells as this will mess layout up.  Also do not want to have to create images for every one of these links as there are a ton of them.  </p>
  
  <p>BTW: Am using a table layout for this as I don't have the css knowledge to do a table free layout.</p>
  
  <p>Thanks.</p>