/CSS/Inline block and 50% width not aligning items

Inline block and 50% width not aligning items

body{
  margin: 0; /* removing the default body margin */
}

div{
  display: inline-block;
  width: 50%;
}

.left{
  background-color: aqua;
}

.right{
  background-color: gold;
}

Source: stackoverflow.com

Similar codes

1 vote156 views1 answer
This selector doesn't have any properties and won't be rendered. sass
CSS
0 vote125 views1 answer
.quform-sub-label
CSS
3 votes109 views2 answers
Image overlay in css
CSS
6 votes126 views2 answers
How to make all the columns equal size with flexbox
CSS
0 vote305 views1 answer
Center absolute suedo element
CSS
0 vote145 views1 answer
Mvc how to css file linked
CSS
0 vote142 views1 answer
Difference between private key and private key ssh
CSS
0 vote123 views1 answer
Linear gradient farthest-corner code css
CSS
0 vote117 views1 answer
Font-strech css
CSS
14 votes173 views6 answers
Bootstrap image size
CSS Bootstrap