Adding space between the margin and an image

Hi

I’m busy (trying) to create a website with the Twenty Fourteen theme. I have created the static home page, and I’m wanting to have three images in a triangular setup as links to the various pages.

Setting up the pinnacle image is easy (Center align), however, I’m having trouble getting the base images where I want them. I would like some padding between them and the margins on each side. I have been poring through the forums to see if anyone had thias answered already, and tried using the
“style {
float:left;
margin:0 10px 5px 0;”
}
But to no avail. Here is my website url: http://f86.aaf.myftpupload.com/?page_id=88

As you can see, its a bit funkily aligned! I’ll include my html, as I’m struggling to understand some of the solutions I’ve read, and where to put them. This is for the two bottom images:
<img class=”wp-image-39 alignleft” src=”http://f86.aaf.myftpupload.com/wp-content/uploads/2014/05/SCARAB-32.gif&#8221; alt=”SCARAB” width=”249″ height=”177″ /><img class=”size-full wp-image-11 alignright” src=”http://f86.aaf.myftpupload.com/wp-content/uploads/2014/05/cleanfix_logo_en.png&#8221; alt=”cleanfix_logo_en” width=”215″ height=”80″ />

Thanking you in advance!