title: Center only one element within a div
body: <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>