How to define preformatted text using HTML ?
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:
<html> <head> <title>HTML5: How to define preformatted text? </title> <style> h2 { Text-align:center; } </style> </head> <body> <h2>w3wiki</h2> <h2>HTML5: How to define preformatted text </h2> <pre> w3wiki A Computer Science Portal For Beginner </pre> </body> </html> |
Output:
Example 2:
<html> <head> <title>HTML5: How to define preformatted text? </title> <style> h2 { Text-align:center; } </style> </head> <body> <h2>w3wiki</h2> <h2>HTML5: How to define preformatted text </h2> <pre> this is a pre formatted text </pre> </body> </html> |
Output:
Supported Browsers are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari