title: How to center-align heading and image contained in a div tag
body: <p>I have one image and heading tag in a div,
  How can I align them like beloved images.</p>
  
  <pre><code>&lt;div class="clearfix"&gt;
      &lt;img src="http://localhost/chifley-acf/wp-content/uploads/2017/03/icon-01.png" alt="Icon" class="pull-left"&gt;
      &lt;h4&gt;Refinancing&lt;/h4&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Current output like this</p>
  
  <p><a href="https://i.stack.imgur.com/UnPBK.png" rel="noreferrer"><img src="https://i.stack.imgur.com/UnPBK.png" alt="enter image description here"></a></p>
  
  <p>But I want Like This</p>
  
  <p><a href="https://i.stack.imgur.com/o0KWp.png" rel="noreferrer"><img src="https://i.stack.imgur.com/o0KWp.png" alt="enter image description here"></a></p>