Only half of my images display. Why?

Question

I want to display four images - two on row one and two underneath.

Only the top row displays for some reason and I just cannot see why.

Here is the very simple code:

<img class="social" src="http://www.c5d.co.uk/racenight.png" alt="Race Night">
<img class="social2" src="http://www.c5d.co.uk/mothersday.png" alt="Mothers' Day>
<p>
<img class="social" src="http://www.c5d.co.uk/carlosax.png" alt="Carlo Sax>
<img class="social2" src="http://www.c5d.co.uk/eastersunday.png" alt="Easter Sunday"></p> 

The web page is: http://www.c5d.co.uk/socialeventsfour.php

Why don't the lower two images display?

Answer 1

Because you forget to close "Mothers' Day and "Carlo Sax on your second and third <img>

Here's the corrected one:

http://jsfiddle.net/ytmvy/2/

<img class="social" src="http://www.c5d.co.uk/racenight.png" alt="Race Night">
<img class="social2" src="http://www.c5d.co.uk/mothersday.png" alt="Mothers' Day">
<p>
    <img class="social" src="http://www.c5d.co.uk/carlosax.png" alt="Carlo Sax">
    <img class="social2" src="http://www.c5d.co.uk/eastersunday.png" alt="Easter Sunday">
</p>

Answer 2

<img class="social" src="http://www.c5d.co.uk/racenight.png" alt="Race Night" />
<img class="social2" src="http://www.c5d.co.uk/mothersday.png" alt="Mothers' Day" />
<p>
  <img class="social" src="http://www.c5d.co.uk/carlosax.png" alt="Carlo Sax" />
  <img class="social2" src="http://www.c5d.co.uk/eastersunday.png" alt="Easter Sunday" />
</p>

You may use /> when using images( img ). Along with the obvious missing " from your alt attribute.