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>

[flashmax]

hola la quieres una al lado de la otra o una abajo de la otra?

[Montes28]

hola flashmax las quiero a una a una lado de la otra pero que haya un espacio entre las imagenes , trabajando ya tengo un codigo funciona pero tiene una espacio un poco grande y quiero saber si lo construi bien.

<style>
div img {
margin-top: .5em;
margin-bottom: .5em;
margin-left: 1em;
margin-right: .0.5em;
}
</style>


<div><img src="http://www.forosdelweb.com/f53/public/images/search_mod.png" width="16" height="16" title="Consultar"/><img src="http://www.forosdelweb.com/f53/public/images/edit_mod.png" width="16" height="16" title="Modificar"/><img src="http://www.forosdelweb.com/f53/public/images/delete_mod.png" width="16" height="16" title="Eliminar"/></div>