Float left... diseño

[Eskombro]

No entiendo muy bien. Voy a explicarme un poco más.
Tengo una etiqueta div. Dentro de esta etiqueta tengo 2 etiquetas p. Una etiqueta p tiene un logo. La otra etiqueta p tiene un texto. a ambos les digo que se muestren como elementos de línea, para que uno aparezca seguido del otro en la misma línea. Esto forma el encabezado visual de mi página. A la etiqueta div le doy un color de fondo. A ambas etiquetas p le digo float:left.

Todo funciona bien, pero mi pantalla es un poco ancha. Reduzco el tamaño de la ventana del navegador para ver como se adapta cuando la ventana de visualización es más pequeña. Como dice jomaruro, cuando el ancho de la ventana es más pequeño que ambos elementos, el elemento p que contiene el texto pasa a la siguiente linea. es decir: el texto se ubica a la izquierda, pero debajo del logo, y hace que el encabezado de la página se vuelva mucho más ancho, con fondo y todo. Pero el efecto visual no me gusta para nada. Entonces quisiera que el texto no se bajara. Que se quede arriba!!!