Open In App

How to define preformatted text using HTML?

Last Updated : 19 Jun, 2024
Comments
Improve
Suggest changes
Like Article
Like
Report

To define a preformatted text in HTML use the <pre> tag in the document. It is used to define the block of preformatted text that preserves the text spaces, line breaks, tabs, and other formatting characters that are ignored by web browsers. Text in the pre-tag is displayed in a fixed-width font, but it can be changed using CSS. The pre tag requires a starting and ending tag.

Syntax:

<pre> Contents... </pre>

Example 1:

html
<html>

<head>
    <title>HTML5: How to define preformatted text?
    </title>
    <style>
        h2 {
            Text-align: center;
        }
    </style>
</head>

<body>
    <h2>GeeKsForGeeks</h2>
    <h2>HTML5: How to define preformatted text
    </h2>
    <pre>
            GeeksforGeeks 
            A Computer Science Portal For Geeks 
        </pre>
</body>

</html>

Output:

Example 2: The example below shows the preformatted text using HTML.

html
<html>

<head>
    <title>HTML5: How to define preformatted text?
    </title>
    <style>
        h2 {
            Text-align: center;
        }
    </style>
</head>

<body>
    <h2>GeeKsForGeeks</h2>
    <h2>HTML5: How to define preformatted text
    </h2>
    <pre>
this  is  a   
pre   
     formatted   
                  text
</pre>
</body>

</html>

Output:

Supported Browsers

  • Google Chrome: 129
  • Firefox: 130
  • Safari: 17.6
  • Edge: 125




Next Article

Similar Reads