I'm working on some coding for a home page remodel and I ran into an issue (I believe I stumbled onto this in the past too). I have 12 images, separated into two inline blocks, with a width of 49%. My question is: why can I not set the width to be 50% without the second block moving to the next line? These two blocks need to be center with the image above and a 50% width seems the most logical way to me. The template is linked above with the styling in Wikia.css under the "Main Page Improvements" section.
Creating another class for the two main blocks was my next move though I was curious before I did if it was possible without doing so. Anywho, it works. I increased the width to 50% and things are aligned properly. Thanks for the assistance.