Center only one element within a div
<p>I have this HTML code:</p>
<pre><code>    &lt;div&gt;
        &lt;input id=&quot;cemail&quot; type=&quot;email&quot; name=&quot;email&quot; placeholder=&quot;Your E-Mail&quot; required&gt;                    
        &lt;span&gt;Proper format &quot;exampel@something.com&quot;&lt;/span&gt;
    &lt;/div&gt;
</code></pre>
<p>I've configured 'text-align: center' on the div but unfortunately <code>span</code> text is also centered (see the image below).
I need <code>span</code> to be near it and not centered.</p>
<p><a href="https://i.stack.imgur.com/JFXNc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JFXNc.png" alt="enter image description here" /></a></p>