The Float Property

Question 1

What is the primary use case for floats?

Answer 1

Getting text to wrap around an image (or some other container).

Question 2

What do floats do?

Answer 2

Specifies how an image should float and takes content out of normal flow.

Question 3

What happens when you have more than one floated element?

Answer 3

The elements will continue to horizontally stack next to one another, as long as there is space in the parent container.

If there is not enough space, they will go to the next line.

Question 4

What does the clear property do?

Answer 4

The clear property specifies on which sides of an element floating elements are not allowed to float.