[Resolvido] quebra de linha com css igual a tag <pre>

[rogerio machado 0]

Qual é o estilo de css a ser aplicado a um elemento, caso se deseja que o texto renderizado pelo navegador siga as quebras de linha do código fonte?, igual quando se usa a tag <pre>, mas sem alterar o tipo de fonte(o pre costuma colocar em fonte monospace, mas gostaria que mantivesse a fonte padrão da página)?

Com o uso do display: block; que encontrei em algumas dicas não obtive sucesso.

 

Acho que é válida também a informação de que estou importando o css do Jquery-UI, mas sem usar qualquer javascript na página em questão, só o estilo mesmo.

[Paulo de Tarso F. M. 24]

Altere a fonte do <pre>... :closedeyes:

 

pre { font-family: sua-lista-de-fontes; }

 

 

Ou utilize a propriedade white-space:pre; em um <p>, por exemplo:

p { white-space:pre; }

 

 

:joia:

[rogerio machado 0]

Legal, é isso mesmo.

 

Também deu certo de outra forma, mas isso só serve neste meu caso mesmo, já que como comentei importei o CSS do Jquery-UI, foi a de acrescentar a classe ui-widget no elemento <pre>