For my job, we have a developer website, and a live website; and anytime I want to make any type of edit or change, I am to test it on the developer site and then put it on the live site. On the homepages for both websites, everything looks pretty similar except for the fact that on the live site, in the second column of articles i put buttons at the bottom of them, and they are all supposed to be lined up horizontally, but they aren't on the live site, only the dev site. It's one specific article that the button is unaligned on, and here are the codes for both of them:
DEV:
<div style="text-align: center;">
<a href="/index.php/media-center/articles"><img alt="" src="images/yootheme/head_lead4.jpg" /></a></div>
Live:
<div style="text-align: center;">
<a href="/index.php/media-center/articles"><img alt="" src="images/yootheme/head_lead4.jpg" /></a></div>
The two codes look exactly the same to me....Also, here is the live site link Live Site
I cannot give the link for the dev site for security reasons, but just assume that the buttons on the bottom are aligned.
Try setting a height to each of the div's, like this:
<div style="text-align:center; height:315px;">
Adjust the height as you need, thats just a guess by eye :)
That should work.
If it doesn't add margin to the top of the button like so:
<div style="text-align:center; margin-top:5px;">
Hope that helped :)