posicionamiento de imagenes en la misma linea

[Montes28]

hola amigos espero me puedan ayudar

tengo que colocar 3 imagenes que deben de estar en la misma linea y necesito que esten separadas , apenas estoy aprendiendo css a mi parecer seria que cada imagen este en un div.


es la mejor forma ? y si es la mejor como le coloco un espacio entre divs

Código HTML:

<div id="consultar"><img src="http://www.forosdelweb.com/f53/public/images/search_mod.png"</div><div id="modificar"><img src="http://www.forosdelweb.com/f53/public/images/edit_mod.png"</div><div id="eliminar"><img src="http://www.forosdelweb.com/f53/public/images/delete_mod.png"</div>
 

<style>
#consultar{ width:50%;
display:inline-block;
margin:auto;
height:50%;
background-color:blue;
overflow:hidden;
}
#modificar{ width:50%;
display:inline-block;
height:50%;
background-color:green;
overflow:hidden;
}
#eliminar{ width:50%;
display:inline-block;
height:50%;
background-color:yellow;
overflow:hidden;
}


</style>