title: How to center images horizontally with text?
body: <p>I am working on a site but the centering of my images horizontally in the footer isn't going very well.</p>
  
  <p>When you make the screen smaller then 620px or something like that, then I want to center the text. But also the images.. With the images I mean the 5 icons in the third table and the picture in the fourth table.</p>
  
  <p>If you try to decrease the width of the screen you will see that the images are not perfect aside the text.</p>
  
  <p>So my question is.. How can I center the images horizontally with the text together when the text is aligned in the center?</p>
  
  <p>Here is my footer: <a href="https://jsfiddle.net/ThomasPereira/L7dz7d4b/" rel="nofollow">https://jsfiddle.net/ThomasPereira/L7dz7d4b/</a></p>
  
  <p>I think that my mistake is here under --></p>
  
  <pre><code>@media screen and (max-width: 623px) {
      #footer #group {
          padding-left:0px;
          max-width:100%;
      }
      #footer {
          height:1150px;
      }
      #footer #group #button {
          text-align:center;
      }
  }
  </code></pre>