title: Need assistance positioning icon to the right of my text
body: <p>I am having difficulties aligning the icon to the right of the quantity. When I try float:right it positions the icon to the very right of the cell rather than up against the text. Is there a way to get it to the right of the text but right up against it? Any assistance with this would be greatly appreciated.</p>
  <p><a href="https://i.stack.imgur.com/BhoNh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BhoNh.png" alt="enter image description here" /></a></p>
  <pre><code>            &lt;div&gt;
                  &lt;th class=&quot;fd-table--header-cell&quot; [innerHTML]=&quot;quantity | fdContent&quot;&gt;&lt;/th&gt;
                  &lt;div class=&quot;myclass&quot;&gt;
                      &lt;a [attr.id]=&quot;mySelector&quot;
                          [attr.aria-describedby]=&quot;myTooltip&quot; href=&quot;javascript:void(0);&quot;
                          class=&quot;fd-tooltip-layer--selector&quot;&gt;
  
                          &lt;help-icon [helpIconId]=&quot;myHelpIconId&quot; [content]=&quot;pageDataContent&quot;
                              aria-label=&quot;icon&quot; [title]=&quot;quantity&quot;&gt;&lt;/help-icon&gt;
                      &lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
  
  .myclass {
  float: right;
  </code></pre>
  <p>}</p>