title: CSS centering multiple images in rows (pyramid formation)
body: <p><a href="http://jsfiddle.net/XKL6E/" rel="nofollow">http://jsfiddle.net/XKL6E/</a></p>
  
  <p>How can I centre these images so they form a pyramid (overlapping each other halfway)?</p>