Me gustaría una forma de evitar que las columnas de texto fluido se vuelvan demasiado estrechas. Por ejemplo, en una columna de texto HTML, hay una imagen flotada a la izquierda. El texto fluye por el lado derecho de la columna alrededor de la imagen, como se esperaba:

Sin embargo, si la imagen es casi tan ancha como la columna, el texto termina siendo muy estrecho:

En este caso quiero que el texto simplementeno fluye más allá de la imagen, pero para caer debajo de ella como si la imagen fuera un bloque:

Estoy tratando de encontrar una manera simple y general de hacer esto. Es para un blog: quiero poder agregar la imagen y el texto, tal vez agregar una clase o pegar un poco de marcado (suspiro) y hacer que el flujo funcione. Preferiría hacerlo con CSS y HTML solo porque es difícil insertar JavaScript en las publicaciones del blog. Tengo un par de métodos (ver mis respuestas) pero ninguno es satisfactorio. ¿Puedes hacerlo mejor?