Salto de línea en HTML con '\n'

Puedes usar la propiedad CSS white-space para \n. También puedes preservar los tabuladores como en \t.

Para salto de línea \n:

white-space: pre-line;

Para salto de línea \n y tabuladores \t:

white-space: pre-wrap;

document.getElementById('just-line-break').innerHTML = 'Testing 1\nTesting 2\n\tNo tab';

document.getElementById('line-break-and-tab').innerHTML = 'Testing 1\nTesting 2\n\tWith tab';

#just-line-break {
  white-space: pre-line;
}

#line-break-and-tab {
  white-space: pre-wrap;
}

Se puede hacer de varias formas.

Por ejemplo, si quieres insertar una nueva línea en un área de texto, puedes usar estas:

salto de línea y retorno de carro, usados de esta manera:

Hola 

Stackoverflow

También puedes utilizar

---

texto preformateado de esta manera:

  Esta es la línea 1
  Esta es la línea 2
  Esta es la línea 3

O puedes usar un

----

etiqueta de párrafo de esta manera:

Esta es la línea 1
Esta es la línea 2
Esta es la línea 3

Podrías utilizar la etiqueta

  abc
  def
  ghi

  abc
  def
  ghi

Puedes utilizar la etiqueta

:

    abc
    def
    ghi