I thought that each "simple" DIV started with a new line. Please explain why the second DIV in the example positions itself after ("to the right of...") the first DIV if I include a "float:left" as the CSS for the left DIV. IOW, I don't understand why the second DIV is affected by the positioning of the first DIV.
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<div id="colA">This is the first column</div>
<div id="colB">This is the second column</div>