Quebra de linha automática

[Thiago Moraes 32]

Estou com um problema no Chrome, ele está quebrando a linha no meio da palavra.

 

Como deve ser (firefox):

 

Produto indisponível.
Consulte-nos.

 

Como fica no chrome:

 

Produto indisponível. Consulte-
nos.

 

Alguma dica?

 

 

 

[Marcos Xavier 189]

Dá uma lida http://www.richardbarros.com.br/blog/css/white-space-controle-quebras-de-linha-com-css'>aqui

[Rafael Rosario 4]

Diminui o widht do elemento que engloba o texto.

[Thiago Moraes 32]

White-space não ajuda, preciso que a quebra seja automática mesmo, como padrão.

 

 

Diminuir o width é um problema, pq o texto que aparece na div é dinamico, se deixar a largura muito pequena outras informações (preço, parcelamento) podem não aparecer corretamente.

[Rafael Rosario 4]

Cara, faz o seguinte então, força a quebra de linha, separa o texto (somente esse texto) em 2 divs. No caso, essa frase não precisa ser dinâmica, então da pra manipular ela na página.

[rafael-tdc 13]

Com <br /> não funciona?

[Thiago Moraes 32]

Esse texto é gerado por uma classe PHP, queria uma solução sem precisar editar essa classe. Mas acho que vou ter que usar <br /> mesmo.

[Marcos Xavier 189]

Dá uma lida neste tópico

http://forum.imasters.com.br/topic/487718-pular-linha-dentro-da-tabela/

[Thiago Moraes 32]

Diminui 2px da div que englobava o texto e ficou tudo certo.

 

Obrigado a todos.