/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

33 votes141 views2 answers
Gradient text colors
CSS
22 votes156 views2 answers
React bootstrap carousal not working
CSS
5 votes148 views3 answers
Sticky footer
CSS
0 vote153 views1 answer
Css bottom:0 isnt the bottom of the page
CSS
5 votes156 views1 answer
Css assign multiple classes to one element
CSS
0 vote136 views1 answer
Jquery if css property is
CSS
2 votes137 views2 answers
Ng-multiselect-dropdown custom css
CSS
11 votes142 views2 answers
How to change image position in css
CSS
68 votes164 views6 answers
Add css file in html
CSS
0 vote129 views1 answer
Black filter css
CSS