how to set contents in one line in html code example

Example: html text content new line

//setting this css style solving problem with new line in textContent
h1.setAttribute('style', 'white-space: pre;');

//add \r\n in text everywhere You want for line-break (new line)
h1.textContent = "this is line one  \r\n and this is line 2";