float<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>float</title> <style> .about{ width: 500px; } .about img{ float:left; width:200px; } </style></head><body><divclass="about"> <img src="https://cdn.shuashuati.com/imgs/a2c578abbbbe2aa16ffc9772151884.jpg"><p> words, words, words, words, words, words, words, words, words, words, words, words, words, words, words, words.</p></div></body></html>
After the execution of the above procedures, the location of the picture and text will be ( ).
A.
Text overlays on picture.
B.
Text is on the top, and picture is on the bottom.
C.
Picture is on the left, and text is arranged on the right.
D.
Picture is on the left, and text surrounds the picture.