Articles → HTML → Pre Tag In HTML

Pre Tag In HTML

In this article, we will discuss the "pre" tag in HTML.

Purpose

The "pre" tag displays formatted text i.e., it preserves white spaces and line breaks.

Syntax

<pre>formatted_text</pre>

Example

Consider the following example: -

<html>
   <head>
      <title>pre demo</title>
   </head>
   <body>
      <pre>This is
the test 
</pre>
      <label>this is 
      the test
      </label>
   </body>
</html>

Try It

If you run the preceding code then you see the following output: -

Picture showing the output of the pre tag in HTML

Click to Enlarge

The text written inside the "pre" tag preserves white spaces and line breaks whereas text written in the label tag removes white spaces and line breaks.

Browser Support

Internet Explorer	Firefox	Chrome	Safari	Opera	Edge
Yes	Yes	Yes	Yes	Yes	Yes

Posted By -	Karan Gupta

Posted On -	Friday, September 30, 2016

Updated On -	Saturday, September 16, 2017

Query/Feedback

Your Email Id

Subject

Query/Feedback	Characters remaining 250