html - Only half of my images display. Why? -

html - Only half of my images display. Why? -

i want display 4 images - 2 on row 1 , 2 underneath.

only top row displays reason , cannot see why.

here 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 lower 2 images display?

<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 utilize /> when using images(img). along obvious missing " alt attribute.

html