What does clear: both do in relation to floated elements?

What does clear: both do in relation to floated elements?

• A. Clears floats on both sides; the element moves below floated elements.
• B. Clears margins
• C. Clears floats on left
• D. Clears inline elements

Answer: (D)

The concept being tested is how the clear property interacts with floated elements in the normal document flow. Clear targets floats, not margins or inline elements. When you set clear: both, you’re telling the browser to avoid sitting next to any floats on either side and to place the element below them instead. So the element starts on a new line beneath any left- or right-floating elements, effectively clearing both sides. This is specifically about clearing floats, and it won’t apply to margins or to inline elements.

The concept being tested is how the clear property interacts with floated elements in the normal document flow. Clear targets floats, not margins or inline elements. When you set clear: both, you’re telling the browser to avoid sitting next to any floats on either side and to place the element below them instead. So the element starts on a new line beneath any left- or right-floating elements, effectively clearing both sides. This is specifically about clearing floats, and it won’t apply to margins or to inline elements.