How can I vertically and horizontally align image blocks

Here's my website and password:homecomfortsolutionsboise.comMnbb77

On the front page under "Our Services" I have three images in a row with borders around them I created with CSS code. I'm now trying to align these images so that the borders connect and it looks nice and neat.

The text doesn't take up an equal amount of lines, so it's offset. I've tried using spacers and even tried using code to change the minimum size of spacers to combat this problem, but it's not quite perfect and the bottom of the borders still won't extend down far enough on the images with text that takes up less lines.

Maybe I can add something to the code I used to create the borders? Here's what that looks like:

Any suggestions or ideas? Thank you!