The <pre> element in HTML represents preformatted text
A textarea is an HTML element (tag) used to create a multi-line plain-text editing field.
Also you can do this with textarea or better with pre html element
Use react to change css when selectors are typed out
Textarea has one more line than pre
How to get rid of the additional line in <textarea> element