Margin: 0 auto is not centering my image

Question

I\'m very new to all of this and am trying to build this website, but the main image on the page is not centering. I\'ve tried all sorts of centering things but they don\'t work

Answer 1

To center inline —default for image— or inline-block elements, just center it as text. This means, you will need to use text-algin on the parent element:

div#pictures {
  text-align: center;
}

The other solution is the one from @One Trick Pony, and display the image as a block element and just then apply the automatic margin.