Question: In this image, the blue box and sample text are both contained within the same parent element. The blue box is floated on the left margin of the container. Why is it not contained with the container?

1. Floating the blue box increased its height.
2. Floating the blue box on the left also moves it down.
3. Floating the blue box actually shifts it to the right and down.
4. Floating the blue box took it out of document flow and the container is sized only to the sample text.

Answer: The correct answer of the above question is Option D:Floating the blue box took it out of document flow and the container is sized only to the sample text.