Texto ajustado alrededor de una imagen (o cualquier elemento)
Pregunta
¿Hay alguna manera con CSS para ajustar el texto en ambos lados de un elemento (una imagen, por ejemplo). Estoy tratando de colocar una imagen en el medio de un párrafo y me gustaría que el texto fluya sobre ella. Por favor, vea la imagen para ver un ejemplo.
Posicionar un elemento generalmente lo saca del flujo de documentos; entonces eso no funciona.
Solución
No lo creo, no. No sin trabajar con múltiples columnas de texto.
Acabo de reunir una posible solución. Puede acceder a él en http://www.sampsonresume.com/labs/img- en el medio /
Otros consejos
Lo único que he visto similar a esto sería el artículo A List Apart: Cross-Column Extracción, segunda parte: siluetas personalizadas . Todavía necesita varias columnas de texto, e incluso ALA lo enumera como "experimental". Sin embargo, puede valer la pena echarle un vistazo.
No sin un análisis de texto muy complicado / tedioso. Pero cualquiera que intente leer ese texto lo odiaría si los hiciera saltar de un lado a otro de una imagen dos veces por línea, por lo que probablemente sea algo bueno.