Remove vertical space when adding Images next to each other using HTML

I am very new to html and css coding and recently i created my own website using wordpress.

In one of the pages in wordpress i wanted to add images next to each other separated with a small space; something that i did successfully but unfortunately the images are not horizontally aligned. The second and third images are positioned further down from the first image.

The html coding that i used without making any changes to css is the following:

<a href="http://ift.tt/1IZQi8I"><img style="float: left;" src="http://ift.tt/1FYediV" alt="Northern_Ireland_MDM_Indicator" width="150" height="150" hspace="10" />
</a>
<a href="http://ift.tt/1IZQfKl"><img style="float: left;" src="http://ift.tt/1FYeeDs" alt="Northern_Ireland_School_Service_Areas" width="150" height="150" hspace="10" />
</a>
<a href="http://ift.tt/1IZQi8K"><img style="float: left;" src="http://ift.tt/1FYedzb" alt="PCs_Gross_Wage" width="150" height="150" hspace="10/" />
</a>

Any help will be much appreciated.

Many Thanks Demis