How does width work for floating elements?

HTML-CSS
1

Hi everyone,

I’m studying the curriculum and found myself with an issue.

Why is it that if i set the width property to 50% for two floating elements (one in the left and one in the right) they don’t appear next to each other?

image
image1219×501 86.3 KB

2

it is because you gave padding:2px; to section element. remove padding from section element will work fine.

3

It’s because of box-sizing

Usually this is the first thing I add to my CSS:

* {
  box-sizing: border-box;
}