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.
Textarea has one more line than pre
How to get rid of the additional line in <textarea> element
Also you can do this with textarea or better with pre html element
Use react to change css when selectors are typed out