title: How to center articles in a section
body: <p>Having trouble figuring this out if anyone can help me id really appreciate it! :)</p>
  
  <p>Basically im building, or well trying to build a responsive wesbite using HTML5, i have it all structured how I want and everything but one thing is wrong and i cant figure out how to correct it.</p>
  
  <p>I have set a max-width for all my sections of 1000px and all the sections have been centred normally using margin: 0 auto; but all the articles inside the section are still left aligned?</p>
  
  <p>I tried setting a global rule for article tags using </p>
  
  <p><code>article {
       margin: 0 auto;
  }</code></p>
  
  <p>but this didnt work so does anyone know whats going on? Here is a link to a fiddle showing what i mean:
  <a href="http://jsfiddle.net/DannyW86/9YYNR/1/" rel="nofollow noreferrer">http://jsfiddle.net/DannyW86/9YYNR/1/</a></p>
  
  <p>here is a screen grab of how it appears in the browser, you can clearly see that the 3 articles with the icons are not centred beneath the text above</p>
  
  <p><img src="https://i.stack.imgur.com/GADyr.jpg" alt="enter image description here"></p>