Aligning image thumbnails to line up alongside

I am trying to align the pictures in order over here : https://avshah.expressions.syr.edu/?page_id=695.

I have spent hours to get them aligned together but it wont work. I know gallery allows you to align them automatically, but I want users to be directed to another link when they click on it and not to the image. I am trying to align them by selecting left alignment and they all allot perfectly in editing mode but show up distorted.

Please tell me how to fix this issue.

I don’t know how to write codes but the code generated for the images is :

[code moderated - please follow the guidelines in http://codex.wordpress.org/Forum_Welcome#Posting_Code when posting code]