I had real difficulty figuring out why I couldn’t get two images to sit next to each other in a webpage. I tried all sorts of stuff: wrapping them in divs, zeroing margin and padding, adding a display:inline class to the images. Nothing worked. Then found this forum which gave me the solution:
What I did was wrap a div around the images and add letter-spacing: -1em to the css for the div, this lined the images next to each other correctly. I then created an inner div for the text infront of the images and reset the letter-spacing element to 0em.