The Reason This Happens The divs do not display inline with each other at 50% width because inline elements respect the word spacing between your divs in the html. That sounds silly, but that is essentially what is going on. The space between your first closing div and second opening div create an actual gap that you can see on the page. This gap carries its own static width that must be accounted for when adding up to 100%.