HTML Pre Tag

In HTML, the <pre> tag stands for preformatted text.

  • It is exactly present on the Web page as present in an HTML file.

  • The whitespace used inside this tag is displayed as written.

  • The text is written in between <pre> tag is displayed in a fixed-width font.

  • Also, it is a Block-Level Element

  • It is recommended to use <pre> tag in case of unusual formatting or if you want to write some piece of computer code.

HTML <pre> Tag Syntax and Usage

The <pre> tag requires both opening (start) tag and closing(end) tag.

Required syntax for the same is given below:

<pre>
....content here
</pre>

HTML <pre> Tag Attributes

The <pre> tag supports both global and event attributes and some of the common attributes are given below:

1. Cols

This attribute is used to contains the preferred count of characters a line should have, also known as a non-standard synonym of width.

2. Width

This attribute is used to contains the preferred count of characters a line should have, this does not have a visual effect.

3. Wrap

It is used to indicate the hint that overflow must happen

HTML <pre> Tag Basic Example

Below we have a basic example for clear understanding of <pre> tag:

Default CSS Settings for HTML <pre> Tag

pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
}

Browser Support for HTML <pre> Tag

Following browsers support this attribute:

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 2+

  • Safari 1+

  • Opera 4+