html pre tag

1The <pre> tag defines preformatted text.
2
3Text in a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks.
4
5Example:
6<pre>
7Hello greppers,    ankur
8here hope you   all
9are enjoying        the 
10coding.
11</pre>

1<text>Your Text...</text>

1<pre>
2  MyName:
3                Nader
4        Age:
5               23 years old
6 </pre>
7

1       <pre>
2        My Bonnie lies over the ocean.
3
4         My Bonnie lies over the sea.
5
6         My Bonnie lies over the ocean.
7
8         Oh, bring back my Bonnie to me.
9    </pre>

1<Card>
2  <CardHeader title="Output" />
3  <CardContent>
4    <pre style={{ backgroundColor: "white" }}>{JSON.stringify(values, null, 2)}</pre>
5  </CardContent>
6</Card>