html - Displaying images horizontally CSS

Question

Imhaving a bit of difficulty with CSS styling on my website, Currently I have a row of images that I'd like to align horizontally along my page. But just now it displays them all vertically in a row and I'm not sure why. All the images are stored in an array, it's just getting them lined up that's the problem. here is my code:

   .img{
float:left;
width:120px;
margin:auto;
margin-left:10px;
padding:5px;
}

Answer 1

You should add the to your style display:inline-block. The inline-block value makes, that your .img is not displayed with a new-line at the end.