/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

13 votes375 views6 answers
Bootstrap Badges
CSS Bootstrap
4 votes339 views3 answers
Css selection
CSS
12 votes276 views1 answer
Css onclick event
CSS
1 vote313 views1 answer
SCSS Breakpoints
CSS
0 vote316 views1 answer
Css svg width 100%
CSS
0 vote330 views1 answer
Loop Over Array of Objects and Combine them if they have similar keys
CSS
0 vote327 views1 answer
How to make my list unstyled
CSS
0 vote345 views1 answer
.quform-sub-label
CSS
13 votes368 views2 answers
Box-sizing
CSS
-2 votes352 views1 answer
Difference between numpy array and matrix
CSS