/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

10 votes190 views2 answers
Remove underline on hover span
CSS
1 vote213 views1 answer
Symfony version check
CSS
1 vote170 views1 answer
React hide scrollbar
CSS
127 votes225 views4 answers
React import bootstrap css
CSS Bootstrap
10 votes175 views2 answers
Css list items next to each other
CSS
0 vote167 views1 answer
Progress bar bootstrap border
CSS
0 vote228 views1 answer
===> git ignore
CSS
0 vote175 views1 answer
Transform: scale time anpassen
CSS
0 vote182 views1 answer
Css file not getting captured in laravel project
CSS
3 votes181 views2 answers
How to split a background into two color in css
CSS