How to position two elements in <label> side by side
<p><a href="https://i.stack.imgur.com/ANAQM.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ANAQM.jpg" alt="I want the &quot;SSSS&quot; to be on the right side of the &quot;XXXXXX&quot; text"></a></p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;label for="checkbox6"&gt;XXXXXX
     &lt;div style="padding-left: 9.5%;padding-right: 45%;padding-bottom:1.5%"&gt;&lt;input class="form-control" name="quantum" type="number" min="1" placeholder="SSSS" required&gt;&lt;/div&gt;
     &lt;/label&gt;</code></pre>
</div>
</div>
</p>

<p>I want the "SSSS" to be on the right side of the "XXXXXX" text</p>