Quebra de texto em torno de uma imagem (ou qualquer elemento)

Question

Existe uma maneira com CSS para quebrar o texto em ambos lados de um elemento (uma imagem por exemplo). Eu estou tentando ter uma imagem posicionada no meio de um parágrafo e gostaria texto flua sobre ele. Por favor, veja a imagem para um exemplo.

Posicionamento um elemento normalmente leva-lo para fora do fluxo de documentos; de modo que não funciona.

Answer 1

Eu não penso assim, não. Não sem trabalhar com vários texto-colunas.

Eu só joguei junto uma solução possível. Você pode acessá-lo em http://www.sampsonresume.com/labs/img- em média /

Answer 2

A única coisa que eu tenho visto semelhante a este seria o A lista de artigos Apart: Cross-Column Pull-out Part Two: Custom Silhuetas . Você ainda precisa de várias colunas de texto e até mesmo listas de ALA-o como "experimental". Pode valer a pena conferir, no entanto.

Exemplo aqui .

Answer 3

Não sem alguns muito complicado analisar o texto / tedioso. Mas qualquer um que tenta ler esse texto iria odiá-lo se você os fez saltar para trás e para frente através de uma imagem duas vezes por linha, então isso é provavelmente uma coisa boa.