Estaba tratando de diseñar esto:
el css usado para esto es:
.body { border: 5px solid red; padding: 10px; } .one { float: right; height: 100px; width: 100px; } .two { float: left; height: 100px; width: 100px; } p { clear:right; } pero si uso este código, la salida es: 
pero funciona bien si lo elimino
p { clear:right; }La propiedad clear controla el flujo junto a los elementos flotantes. cuando establece clear:right; será empujado debajo de los elementos flotantes de la derecha;