solo NO mezcles ideas y lo entenderás, si hace falta practica mil veces hasta que lo entiendas.
yo suelo crear un documento en blanco con contenido de prueba para probar nuevas cosas o entender el funcionamiento de algo.
en tu caso basta con crear un div con un párrafo flotado en su interior
Código HTML:
Ver original<div style="width:200px;background:#f30;"><p style="float: left;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</p></div>
fíjate lo que pasa si al div le colocas overflow:hidden o si después de cerrar el párrafo agregas por ejemplo un <hr style="clear:left" />
y el tercer método es un microclear, agrega una clase al div y aplica los estilos que se mencionan en uno de los links que te pase.
Recuerda que son 3 técnicas distintas y no debes mesclar las ideas ni relacionarlos.... o puede que te revuelvas mas y termines por no entender nada.
- overflow
- clear
- microclear fix
Nota: no me fije antes si no ni te respondo aqui jeje ... pero por favor abstente en el futuro de hacer preguntas sobre tus problemas en el tema de otros, se recomienda abrir un tema... aun cuando tu problema tenga similitud o relación con el contenido.