/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

0 vote166 views1 answer
How to debug datatables
CSS
0 vote187 views1 answer
-webki slider runnable track
CSS
0 vote267 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
0 vote221 views2 answers
How to remove white space in the right side of web page
CSS
0 vote214 views1 answer
How To target a particular td in css
CSS
5 votes167 views3 answers
How to make a linear gradient in css
CSS
0 vote165 views1 answer
How to manage overflowing text in button
CSS
0 vote179 views2 answers
How to give text stroke in css
CSS
0 vote229 views1 answer
Bootstrap progress bar animation not working
CSS Bootstrap
-1 vote182 views1 answer
Css tricks position
CSS