/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 vote182 views1 answer
Responsiveness in bootstrap
CSS Bootstrap
0 vote181 views1 answer
Css disable user interaction
CSS
0 vote207 views1 answer
React right burger scrol bar
CSS
24 votes201 views5 answers
Placeholder css
CSS
1 vote203 views1 answer
Page icon css
CSS
1 vote181 views2 answers
Css input border radius focus
CSS
0 vote248 views2 answers
Css grid reverse column order
CSS
13 votes184 views4 answers
Scss transition mixin
CSS
1 vote216 views2 answers
Change the weight of a bold font css
CSS
0 vote291 views2 answers
Css comment placer un icon sur une photo
CSS