HTML tutorial
CSS3 tutorial
Bootstrap tutorial
JavaScript tutorial
JQuery tutorial
AngularJS tutorial
React tutorial
NodeJS tutorial
PHP tutorial
Python tutorial
Python3 tutorial
Django tutorial
Linux tutorial
Docker tutorial
Ruby tutorial
Java tutorial
C tutorial
C ++ tutorial
Perl tutorial
JSP tutorial
Lua tutorial
Scala tutorial
Go tutorial
ASP.NET tutorial
C # tutorial
Preformatted text
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 |
| Element | |||||
|---|---|---|---|---|---|
| <pre> | Yes | Yes | Yes | Yes | Yes |
The <pre> tag also supports the Global Attributes in HTML.
The <pre> tag also supports the Event Attributes in HTML.
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>
</div>
HTML Tutorial: HTML Text Formatting
HTML DOM reference: Pre Object
Most browsers will display the <pre> element with the following default values:
pre {
display: block;
font-family: monospace;
white-space: pre;
margin: 1em 0;
}