Question 12

Float:left; positions the image to the left of the paragraph.

Using the float property with the value 'left' allows the image to be positioned on the left side of the paragraph text, enabling the text to wrap around the image effectively.

A) clear:left;

The 'clear' property is used to control the floating behavior of elements. Setting it to 'left' would prevent an element from being next to floated elements on the left side, which does not position the image to the left of the paragraph as required.

B) float:left;

This is the correct option as 'float:left;' allows the image to be placed on the left side of the paragraph. This style effectively enables the text to wrap around the image, achieving the desired layout.

C) left:10px;

The 'left' property is used to position elements relative to their normal position, but it does not control floating behavior. Therefore, using 'left:10px;' would not position the image to the left of the paragraph as intended.

D) left:-10px;

Similarly, 'left:-10px;' positions the image off its original location but does not affect its float status. This option would not effectively place the image to the left of the paragraph text.

Conclusion

The option 'float:left;' is definitively correct as it directly addresses the question of positioning the image to the left of the paragraph, allowing for proper text flow around the image. In contrast, the other options either do not pertain to floating behavior or misplace the image without achieving the desired layout.