I would like to display 3 images in a row, and then 3 more underneath, and so on (until there are no more images). I currently have this css code
#productsMenuFirst{
display:inline;
width: 100px;
height: 60px;
padding-right: 50px;
padding-left: 50px;
}
#productsMenu {
display:inline;
width: 100px;
height: 60px;
padding-right: 50px;
}
#productsMenuLast {
display:inline;
width: 100px;
height: 60px;
padding-left: 50px;
}
which should get the spacing and place the pictures in a row. I am using this html code
<div id="productsMenuFirst">
<div><a href="#"><img src="Images/prodictsImg.gif"></a></div>
<div><a href="#">Faáruk</a></div>
</div>
<div id="productsMenu">
<div><a href="#"><img src="Images/prodictsImg.gif"></a></div>
<div><a href="#">Csavarok</a></div>
</div>
<div id="productsMenuLast">
<div><a href="#"><img src="Images/prodictsImg.gif"></a></div>
<div><a href="#">TestText</a></div>
</div>
which gets the picture and should display it in line, but it doesn't please help me.
Thanks