title: CSS horizontal alignment display-inline span
body: <p>There is the following HTML code:</p>
  
  <pre><code>&lt;div class="preloader"&gt;
    &lt;img src="img/preloader.gif"&gt;
    &lt;span&gt;
      &lt;strong&gt;Получение адреса...&lt;/strong&gt;
    &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS code:</p>
  
  <pre><code>.preloader span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
  }
  </code></pre>
  
  <p>I align span in div vertically, but now I need to align span horizontally. I've tried to use 'margin: 0 auto', but it doesn't work. Please tell me, how can I do it? Thanks! I need image with left alignment and text with center alignment as a result. </p>