The HTML <pre> element specifies pre-formatted text.
Text in a <pre> tag 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).
Example:
<!DOCTYPE html>
<html>
<body>
<pre>
Text in a pre tag
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks.
</pre>
</body>
</html>
Output:
Text in a pre tag is displayed in a fixed-width font, and it preserves both spaces and line breaks.
To create a pre-formatted text with a fixed width (with CSS):
<!DOCTYPE html>
<html>
<body>
<div style="width:250px;overflow:auto">
<pre>This is a pre with a fixed width. It will use as much space as defined.</pre>
</div>
</body>
</html>
Output:
This is a pre with a fixed width. It will use as much space as defined.
Enjoy coding!
Read also: