Skip to content
Related Articles

Related Articles

How to define preformatted text using HTML ?
  • Last Updated : 24 Jun, 2020

In this article, we define a preformatted text in HTML by using 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 which 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:

filter_none

edit
close

play_arrow

link
brightness_4
code

<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>                     

chevron_right


Output:

Example 2:



filter_none

edit
close

play_arrow

link
brightness_4
code

<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>                     

chevron_right


Output:

Supported Browsers are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :