title: Float the span element inside the td
body: <p>How can I set the span element float towards the right of the <code>td</code> element in the HTML?</p>
  <p><a href="https://i.stack.imgur.com/a1uOD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/a1uOD.png" alt="enter image description here" /></a></p>
  <p>In the above image, I need to place the text <code>1</code> (small letter) floating towards the <strong>right</strong> of the column. Inside the column, there is already an input field that exists.</p>
  <p>I have tried out different ways to set through the CSS but didn't work.</p>
  <p>I want to make that text <code>1</code> always aligned right to the input field like superscript and maintain the position in the responsive template.</p>
  <p>Code:</p>
  <pre class="lang-html prettyprint-override"><code>  &lt;table&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
         &lt;td&gt;House&lt;/td&gt;
         &lt;td&gt;
           &lt;span class=&quot;position-absolute badge-tooltip&quot;&gt;
                 1
           &lt;/span&gt;
           &lt;input class=&quot;form-control rounded-0 border-0 m-0 d-block text-right&quot; type=&quot;text&quot; /&gt;
         &lt;/td&gt;
         &lt;td&gt;&lt;/td&gt;
         &lt;td&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  </code></pre>
  <p>CSS</p>
  <pre class="lang-css prettyprint-override"><code>.badge-tooltip {
    float: right;
  }
  </code></pre>