title: Inline-Element Float-Right of `div`
body: <p>I want to right-align an inline element to the right of a <a href="https://www.w3schools.com/tags/tag_div.ASP" rel="nofollow noreferrer"><code>div</code></a>.</p>
  <p>I have seen <code>float=&quot;right&quot;</code> applied on a <code>span</code> to right align its position. But, it seems semantically incorrect to me, as floats are supposed to move <a href="https://www.w3schools.com/html/html_blocks.asp" rel="nofollow noreferrer">&quot;boxes&quot; or block elements</a> left or right of a <a href="https://www.w3schools.com/w3css/w3css_containers.asp" rel="nofollow noreferrer">container element</a>.</p>
  <p>Is my understanding of <a href="https://www.w3schools.com/css/css_float.asp" rel="nofollow noreferrer">Float</a> wrong or is there another way of right-aligning <a href="https://www.w3schools.com/css/css_inline-block.asp" rel="nofollow noreferrer">inline elements</a> in a <a href="https://www.w3schools.com/w3css/w3css_containers.asp" rel="nofollow noreferrer">CSS-container</a>.</p>