Solucionado
Hola! Leí que la propiedad "clear" debe ser aplicada a un elemento que es "precedido" por un elemento flotante, para que (de ser necesario) el mismo sea movido debajo del elemento flotante. En el caso específico del video de la clase... "clear" podría ser aplicado en el selector ".principal p" , PERO... tampoco es necesario ya que lo que nosotros queremos es que efectivamente la etiqueta "p" se posicione al lado de la imagen con float.
¡Hola!
Entiendo tu duda sobre la propiedad "clear" en CSS. En el caso específico que mencionas, cuando utilizas la propiedad "float" en una imagen para que el texto se posicione al lado de ella, no es necesario utilizar la propiedad "clear" en el selector ".principal p". Esto se debe a que la propiedad "clear" se utiliza para limpiar los elementos flotantes anteriores, pero en este caso no hay elementos flotantes anteriores al párrafo.
La propiedad "clear" se utiliza cuando quieres que un elemento no se posicione al lado de los elementos flotantes anteriores, sino que se mueva debajo de ellos. Por ejemplo, si tuvieras un elemento flotante antes del párrafo y quisieras que el párrafo se mueva debajo del elemento flotante, podrías aplicar la propiedad "clear" al párrafo.
Aquí tienes un ejemplo para que lo entiendas mejor:
<div style="float: left; width: 200px; height: 200px; background-color: red;"></div>
<p style="clear: left;">Este párrafo se mueve debajo del elemento flotante anterior.</p>
En este caso, el párrafo se mueve debajo del elemento flotante porque se le aplicó la propiedad "clear" con el valor "left", indicando que no debe haber elementos flotantes a la izquierda.
¡Saludos!
Claro, es lo que dije. Solo quería chequear si en el video de la clase el profesor aplicaba mal la propiedad "clear". Es importante aclarar esto, porque una persona que recién esta aprendiendo estas propiedades... podría confundirse en el uso de la propiedad "clear".