title: CSS margin: 0 auto; not working in Safari Browser
body: <p>So I'm developing a fairly basic WordPress site for work. It's all gone relatively well for starters, however upon trying to make my site look the same on multiple browsers I came across an issue.</p>
  
  <p>It would seem that any time I used margin: 0 auto; in my CSS that it simply doesn't apply in Safari. At first I had to add display:-webkit-flex; to get this working so that was one problem out of the way...</p>
  
  <p>However now my divs aren't aligning correctly because Safari seems to ignore my rules I set for margin.</p>
  
  <p>Can anyone please assist me on this matter?</p>
  
  <p>I've attached some screenshots so you can see the difference. I'd attach code but it's literally only in Safari. IE and Mozilla both look the same as intended in Chrome.</p>
  
  <p>Google Chrome Screenshot:
  <a href="https://i.stack.imgur.com/B81I9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/B81I9.png" alt="Google Chrome Screenshot"></a></p>
  
  <p>Safari Screenshot:
  <a href="https://i.stack.imgur.com/E4uQv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/E4uQv.png" alt="Safari Screenshot"></a></p>
  
  <p>Thanks in advance for viewing this post and potentially solving my issue.</p>