title: How to display an image side by side with text in the center of a div?
body: <p>I can center the image to the left of the text easily if it is not centered with a float.</p>
  
  <p><strong>Image &amp; text inline on the left:</strong> <a href="https://jsfiddle.net/gc19qqqp/3/" rel="nofollow noreferrer">https://jsfiddle.net/gc19qqqp/3/</a></p>
  
  <p>However, with <code>text-align: center</code> I don't know how to do it.</p>
  
  <p>How can I make it so that the image looks similar to how I have it in the first fiddle but with the text/image centered? (<code>text-align: center</code>)</p>
  
  <p><strong>Need image &amp; text to be inline here in the center:</strong> <a href="https://jsfiddle.net/cL55pzLa/" rel="nofollow noreferrer">https://jsfiddle.net/cL55pzLa/</a></p>
  
  <p>Should look like this: <a href="https://i.stack.imgur.com/B3Ave.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/B3Ave.png" alt="example"></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-css lang-css prettyprint-override"><code>/* recall alert styling */
  #recall-alert {
      background-color: #fefab1;
      color: #d10101;
      text-align: center;
  
      padding: 15px 0;
      margin: 5px 0;
  
      font-size: 15px;
      font-weight: bold;
  
  }
  #recall-alert img {
      height: 40px;
      margin-right: 5px;
  
  }
  
  #recall-alert a {
      color: #98bcb0;
      font-style: italic;
  }
  #recall-alert a:visited {
      color: #98bcb0;
      outline: none;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="recall-alert" class=""&gt;
      &lt;img src="http://www.hospitalsafetyscore.org/media/image/hss-alert-icon.png" /&gt;
      &lt;span&gt;
          Recall from chicken of the sea effective July 2015&lt;br /&gt;
          &lt;a href="#"&gt;Click to Read More&lt;/a&gt;
      &lt;/span&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>