JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <th colspan="2">String de base avec des RN : on rempli le innerText ! </th>
  </tr>
  <tr>
    <td>innerHTML</td><td id="t0"></td>
  </tr>
  <tr>
    <td>innerText</td><td id="t1"></td>
  </tr>
</table>
<br>
<table>
  <tr>
    <th colspan="2">String de base avec des BR : on rempli le innerHTML</th>
  </tr>
  <tr>
     <td>innerHTML</td><td id="t20"></td>
  </tr>
  <tr>
     <td>innerText</td><td id="t21"></td>
  </tr>
</table>

CSS

table, tr , th, td {
  border:solid;
  border-width:1px;
  padding: 5px 20px;
}

th{
  column-span:2;
}

#t0{
  background:red;
}

#t1{
  background:greenyellow;
}

#t20{
  background:greenyellow;
}

#t21{
  background:red;
}

JavaScript

const paragraph = "Résidence St Louis\r\n40 rue de Nantes\r\nBatiment 3";
t0.innerHTML = paragraph;
t1.innerText = paragraph;

const paragraph2 = "Résidence St Louis<br>40 rue de Nantes<br>Batiment 3";
t20.innerHTML = paragraph2;
t21.innerText = paragraph2;