/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 vote101 views2 answers
Set an image half its original size css
CSS
2 votes107 views2 answers
How to center a inline block element
CSS
0 vote113 views1 answer
The CSS to make all the columns equal in width is as follows
CSS
8 votes117 views2 answers
Css image size adjust
CSS
8 votes112 views4 answers
Css padding 4 values
CSS
0 vote102 views2 answers
How to center the table horizontally css
CSS
24 votes105 views6 answers
Css filter
CSS
0 vote110 views1 answer
Vertical divider between my flexbox
CSS
0 vote114 views1 answer
Css dark blue
CSS
25 votes122 views5 answers
Css line spacing
CSS