[RESOLVED] <pre> tags are causing horizontal scroll bars to appear when fething paragraphs

[Paul_help_]

Hi Guys. The problem I am having is regarding text I am fetching from my database.

When I try to display fetched text on my client's web page, and then reduce the width of the browser window, a vertical scroll bar starts to appear. And I don't mean at the bottom of the window itself. I am referring to directly below the fetched paragraph (on the web page itself).

I think the thing causing this is the <pre> tag, because I don't seem to have this problem when I don't use the <pre> tag.

But the reason I use the <pre> tag is so any white spaces between the lines will show properly.

So I don't know weather there is something I can do different, or if there is an alternative to using the <pre> tag?

I guess what I am saying is, I would rather there wasn't a vertical scroll bar appearing below the text. And instead I would prefer the text to just adjust to the width of the screen automatically.

Can someone help?

Paul.

[dalecosp]

Tried [man]nl2br/man instead of <pre>?

[NogDog]

nl2br() is probably the simplest solution. You could make the HTML a bit better structured with something like:

// assume the text is in $text:
echo '<p>'.preg_replace('/[\n\r]+/', "</p>\n<p>", htmlspecialchars($text))."</p>\n";