Comments on: Wrapping Text Inside PRE HTML Tags

By: Cameron Webster

Cameron Webster — Tue, 08 Apr 2008 21:48:01 +0000

great help

By: Can Live » Blog Archive » HTML CSS Trick for Displaying Code Snippets: Wrap Long Lines with PRE Tag

Mon, 14 Jan 2008 00:14:35 +0000

[...] Text Inside PRE Tags [Thanks, Lorelle VanFossen] Written by Amit Agarwal for Digital Inspiration. All Rights [...]

By: Nuwan Asanka

Nuwan Asanka — Sat, 29 Dec 2007 13:38:19 +0000

Really thanks.

This is lots of help to me.

By: adam

adam — Sun, 17 Jun 2007 16:33:46 +0000

also, tyler’s code doesn’t validate.

By: adam

adam — Sun, 17 Jun 2007 16:32:16 +0000

i’m with ramon. the pre tag does exactly what it should.

all it takes is a fixed width and overflow: auto; to make it look right, and do what it’s supposed to.

(the textarea tag will break the wordpress post page, since the post area itself is a textarea)

semantics FTW.

By: Ryan

Ryan — Fri, 15 Jun 2007 04:52:43 +0000

Your graphic is a great visual to show your readers exactly what you’re talking about. This is exactly what I’ve been fighting on my home-brewed weblog.

By: Lorelle VanFossen

Lorelle VanFossen — Tue, 10 Oct 2006 13:52:33 +0000

Using the textarea HTML tag is like using a hammer when you need a screwdriver. Wrong tool. It will work, but you might not like the results. The textarea html tag has a specific use for comments and forms. Using it within your post content area is an improper use and can cause problems. However, the <code> tag is another way to write code in pages that does allow some wrapping, as long as a space appears in the code. Without it, it just keeps on going until it encounters a space, just like text. It really is a tag that turns text into code looking text but acts like text.

By: Robert

Robert — Tue, 10 Oct 2006 13:19:44 +0000

The textarea tag works much better! You can style it in the tag or in your CSS. I use both. Don’t know if it will display properly in the comment box. If not, you can look it up.

By: Ramon Leon

Ramon Leon — Thu, 05 Oct 2006 22:43:07 +0000

I didn’t have anything against styling your pre tags, I was simply commenting on the comment itself. Say the pre tags are annoying because they pre format your text just seems… well my first thought upon reading it was, “well duh!”. It was a single absurd statement in an otherwise fine post.

By: Die Krux mit Code-Blöcken und pre-Elementen auf Webseiten — Software Guide

Die Krux mit Code-Blöcken und pre-Elementen auf Webseiten — Software Guide — Thu, 05 Oct 2006 19:43:04 +0000

[...] Wie ich bei Lorelle gelesen habe, hat Tyler eine Lösung für diese Problematik gefunden. Mit etwas CSS-Code kann man einen Zeilenumbruch beim letzten Leerzeichen erzwingen, wenn der Text zu lang wird: pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } [...]