Having trouble with my thumbnails

Good morning,

I've been working in this problem for almost 2 days now and search over the net for the solution but heaven gave me no answer. The problem is thumbnails are not properly align, does anyone here experience or got any suggestion to solve this error. I tried to add this code to my css .clear { clear: both; } but it doesn't help at all. I wonder if I am on the right track with this .clear code or I place it in the wrong file? Can anyone here please gave me some piece of advice or suggestions or best complete solution to this error.

site: www[.]sgtdownload[.]com

looking forward to your suggestions.

Thanks,

 

The second thumbnail titled 'Hot Chic' is taller than the rest. That's breaking the layout.

EITHER
make that particular image smaller

OR
add height to the .listtheme class. Try .listtheme { height: 205px; }

 

{clear:both}

Code (markup):

will clear both sides left and right, so every thumbnail will appear in single line
try this one for the heading + buttons + thumbnail container :

{width:150px; height:150px; float:left; margin-left:15px;}

Code (markup):

 

Thanks czent and yho_0. Problem solved.

 

you can use script for fix images demension or simple css