CSSでwidthを50%に設定しても、パディングやボーダーの太さなどはデフォルトでは考慮されないため、100%の幅よりわずかにオーバーしてしまい、横並べにできないことがあります。
その場合、CSSに下記プロパティを設定することで、パディングやボーダーのサイズを考慮した上で幅が50%になります。

div.box {
    box-sizing: border-box;
    width: 50%;
    padding: 10px;
    border: solid 1px #AAA;
}