inline block and 50 25 width not aligning items

1body{
2  margin: 0; /* removing the default body margin */
3}
4
5div{
6  display: inline-block;
7  width: 50%;
8}
9
10.left{
11  background-color: aqua;
12}
13
14.right{
15  background-color: gold;
16}