title: Horizontally center alignment of a span around its parent element
body: <p>It was a question during the job interview which I had, although we can horizontally align a wrapper div around its parent element such as body by defining the HTML and CSS as follows:</p>
  
  <pre><code>#body { margin: 0; padding: 0;}
  #wrapper { margin: 0 auto; }
  
  &lt;body&gt;
  &lt;div id="wrapper"&gt;Horizontally Centered Div&lt;/div&gt;
  &lt;/body&gt; 
  </code></pre>
  
  <p>but with the span it's not aligning the same way.</p>
  
  <pre><code>#body { margin: 0; padding: 0;}
  #just-span { margin: 0 auto; }
  
  &lt;body&gt;
  &lt;span id="just-span"&gt;Horizontally Centered Span&lt;/span&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Am I missing something?</p>