HTML <pre> Tag


Preformatted text:

Text in a pre element
is displayed in a fixed-width
font, and it preserves
both      spaces and
line breaks
Try it Yourself »

More "Try it Yourself" examples below.

Definition and Usage

The <pre> tag defines preformatted text.

Text in a <pre> element is displayed in a fixed-width font, and the text preserves both spaces and line breaks. The text will be displayed exactly as written in the HTML source code.

Also look at:

Tag Description
<code> Defines a piece of computer code
<samp> Defines sample output from a computer program
<kbd> Defines keyboard input
<var> Defines a variable

Browser Support

<pre> Yes Yes Yes Yes Yes

Global Attributes

The <pre> tag also supports the Global Attributes in HTML.

Event Attributes

The <pre> tag also supports the Event Attributes in HTML.

More Examples


How to create a pre-formatted text with a fixed width (with CSS):

<div style="width:200px;overflow:auto">
<pre>This is a pre with a fixed width. It will use as much space as specified.</pre>
Try it Yourself »

Related Pages

HTML Tutorial: HTML Text Formatting

HTML DOM reference: Pre Object

Default CSS Settings

Most browsers will display the <pre> element with the following default values:


pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
Try it Yourself »