CSS & HTML Margin -

i'd move these 2 arrow images close each other, @ moment have them both quite apart. here need:

http://postimg.org/image/s4dv20xy1/

and here working progress: jsfiddle

html:

<div id="arrow">     <img src="http://gyazo.com/736c6c5e6e5e3355b804ccda9143560c.png" alt="arrow1"></img>     <img src="http://gyazo.com/736c6c5e6e5e3355b804ccda9143560c.png" alt="arrow1"></img> </div> 

css:

#arrow img {             margin:2px; } 

thanks.

ps: ignore left or right position

you can use sibling selector:

#arrow img {     margin: 2px; }  #arrow img+img {     margin-left: -25px; } 

working example: jsfiddle

teorical info:

in css + sibling combinator selector, allows select element directly after specific element. in example image next other image can use elements example may want aply style paragraph next div, use div + p , match paragraph next div, in other side if want match element before one, shoud use - sibling combinator in example above match div instead p