This should be simple , but the explanations in books and tutorials don't make sense to me.
what exactly does the clear property do?
I want to know exactly ,EXACTLY what it does.
Take for example this code:
p.one {
width: 200px ;
float: left ;
clear:both;
}
p.two {
width: 200px ;
float: left ;
}
div.goaway {
border : 2px solid blue ;
}
<p class="one">dfgspara3 para3 </p>
<p class="two">para3 para3 </p>
<div class="goaway">
<form id="crazy" action="">
<input id="great" type="text">
<input type="checkbox">
<a href="#">Some link</a>
<input type="text"> <input type="text"> <input type="text">
<a href="#">Some link</a>
</form>
</div>
Applying clear:both to p.one has no effect whatsoever. Why ?
Please explain.
Thanks